Необходима галерея

@milk101 · Регистрация: 25.10.2013

Студворк — интернет-сервис помощи студентам

Нужна галерея картинок-ссылок (или плагин который может подобное). Картинки должны двигаться не горизонтально а по-диагонали до середины div-а в котором они находятся. Во время движения картинки не меняют свой размер. Должна быть возможность удалить/добавить новую картинку. Гугл ничего путного подсказать не может. Прошу помощи.
Для наглядности того что нужно прилагаю пример.

@kalabuni · 25.10.2013, 18:09

суть есть здесь - Движение черного квадрата по горизонтальной эллиптической орбите

вам нужна оттуда нижняя половина эллипса

@milk101 · 25.10.2013, 18:21 **[ТС]**

ну, как бы.... не пойму как этот код прикрутить к галерее?

@milk101 · 28.10.2013, 11:26 **[ТС]**

Что, больше никаких идей ни у кого нет?

@newJS · 28.10.2013, 21:25

Сообщение от milk101

Что, больше никаких идей ни у кого нет?

Да может и есть у кого, только с котом в мешке нет желающих связываться.
Размер иконок, зазор между ними, минимальное количество иконок, перепад высот, алгоритм движения, и еще куча вопросов без ответов.
Такое ни кому не интересно делать.

@Padimanskas · 29.10.2013, 00:32

Сообщение от newJS

Такое ни кому не интересно делать.

Да ладно! Либо WEB это бизнес сфера где она выступает полем битвы между конкурентными сторонами торговых представительств, либо среда для реализации самых невероятных, дерзких идей и созидательный стимул. И если быть приверженцем первой теории и не являться хотя бы деятелем науки о счете(экономистомъ, менеджеромъ, бухъгалтером, кем угодно) то это дорога к чертовой матери! Но пока мы программисты и разработчики, то любая логическая задача есть наша пища.

Сообщение от milk101

Гугл ничего путного подсказать не может. Прошу помощи.

У меня сформировалось пара идей основа которых конечно же векторная алгебра и тригонометрия

, есть еще море механизмов из 3-го CSS вроде Transition, Animation и манипуляции с матрицами

@milk101 · 29.10.2013, 11:22 **[ТС]**

Сообщение от newJS

Да может и есть у кого, только с котом в мешке нет желающих связываться.
Размер иконок, зазор между ними, минимальное количество иконок, перепад высот, алгоритм движения, и еще куча вопросов без ответов.
Такое ни кому не интересно делать.

Я изложил поставленную задачу, а какими способами она будет решена, заказчика мало интересует.
Размер иконок - иконки (логотипы) загружаются разных размеров
зазор между ними - любой
минимальное/максимальное количество иконок - любое
перепад высот - любой (в пределах div-а)
алгоритм движения - нажата левая стрелка - двигаем иконки на одну back, нажата правая стрелка - forward

ЗЫ. По поводу CSS уже думал. Назначить каждой иконке свой класс и при перемещении иконок менять их класс, но как-то закручено получается. А как Transition, Animation сюда прикрутить?

@kalabuni · 29.10.2013, 11:36

Сообщение от milk101

Я изложил поставленную задачу, а какими способами она будет решена, заказчика мало интересует.

вы видите себя здесь заказчиком?

забавно

@Padimanskas · 29.10.2013, 13:02

Сообщение от kalabuni

вы видите себя здесь заказчиком?

Ну что ж, в любом случае код не пропадет даром!

Сообщение от milk101

При перемещении иконок менять их класс, но как-то закручено получается

Попробуйте

Сообщение от milk101

А как Transition, Animation сюда прикрутить?

Используйте библиотеку jQuery.

JavaScript
1
2
3
4
// В данном примере селектор указывает на класс "icon"
//  которому следующим ключевым кадром устанавливается положение "top" равным 100 пикселям
//  с частотой обновления в 500 миллисекунд.
$( ".icon" ).animate( { top : "100px" }, 500 );

Первый параметр это объект с набором CSS стилей
Второй параметр - частота кадров

У этого метода может быть еще один аргумент, который указывается после частоты смены кадров. Это коллбек который вызывается по завершении анимации. Тогда метод будет выглядеть след. образом:

JavaScript
1
2
3
$( ".icon" ).animate( { top : "100px" }, 500, function () { 
    alert("Work is done!"); 
} );

В этот коллбек можно поместить еще одну анимацию, тогда это выглядело бы так:

JavaScript
1
2
3
$( ".icon" ).animate( { top : "100px" }, 500, function () { 
    $( this ).animate( { left : "300px" }, 500 );
} );

Пример можно посмотреть здесь http://jsbin.com/oHOYUNu

@milk101 · 29.10.2013, 13:57 **[ТС]**

Сообщение от kalabuni

вы видите себя здесь заказчиком?

забавно

Я не вижу себя здесь заказчиком. Имелось ввиду, что тот заказчик который заказал данную галерею, вот ему все-равно как она будет работать, какой зазор будет между иконками и т.д. Поэтому я и описал что перечисленные параметры не так важны. Мне нужна реализация.

2 Padimanskas: подумаю над этим вариантом.

@newJS · 29.10.2013, 21:21

Сообщение от milk101

который заказал данную галерею

Здесь помогают тем кто что то делает и у него не получается, а для заказов есть свой раздел, заказываете, оплачиваете и получаете готовое.
И еще из этого можно предположить что milk101, получил за это деньги и желает халявы.

Сообщение от milk101

Поэтому я и описал что перечисленные параметры не так важны. Мне нужна реализация.

С такой не конкретикой все это кончится тем, что заказчик начнет пальцы гнуть, это не так, это не понравилось и начнет требовать переделать.
Padimanskas, изначально про кнопки которыми оказывается нужно двигать, сказано не было.
Делайте выводы. ИМХО.

Новые блоги и статьи Все статьи Все блоги /
Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .	Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем	10 пpимет, которые всегда сбываются Maks 31.03.2026 1. Чтобы, наконец, пришла маршрутка, надо закурить. Если сигарета последняя, маршрутка придет еще до второй затяжки даже вопреки расписанию. 2. Нaдоели зима и снег? Не надо переезжать. Достаточно. . .	Перемещение выделенных строк ТЧ из одного документа в другой Maks 31.03.2026 Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .
Functional First Web Framework Suave DevAlt 30.03.2026 Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .	Автоматическое создание документа при проведении другого документа Maks 29.03.2026 Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .	Настройка движения справочника по регистру сведений Maks 29.03.2026 Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .	Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .

@milk101 0 / 0 / 0 Регистрация: 25.10.2013 Сообщений: 5

	Необходима галерея 25.10.2013, 11:10. Показов 811. Ответов 10 Метки нет (Все метки) Нужна галерея картинок-ссылок (или плагин который может подобное). Картинки должны двигаться не горизонтально а по-диагонали до середины div-а в котором они находятся. Во время движения картинки не меняют свой размер. Должна быть возможность удалить/добавить новую картинку. Гугл ничего путного подсказать не может. Прошу помощи. Для наглядности того что нужно прилагаю пример. Миниатюры 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	25.10.2013, 18:09
	суть есть здесь - Движение черного квадрата по горизонтальной эллиптической орбите вам нужна оттуда нижняя половина эллипса 0

@milk101 0 / 0 / 0 Регистрация: 25.10.2013 Сообщений: 5
	25.10.2013, 18:21 [ТС]
	ну, как бы.... не пойму как этот код прикрутить к галерее? 0

@milk101 0 / 0 / 0 Регистрация: 25.10.2013 Сообщений: 5
	28.10.2013, 11:26 [ТС]
	Что, больше никаких идей ни у кого нет? 0