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

@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, изначально про кнопки которыми оказывается нужно двигать, сказано не было.
Делайте выводы. ИМХО.

Новые блоги и статьи Все статьи Все блоги /
Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути Programma_Boinc 01.01.2026 Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути Сочетание глобально распределённой вычислительной мощности и инновационных. . .	Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .	Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .	Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Programma_Boinc 23.12.2025 Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .	PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .	Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .

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

	Необходима галерея 25.10.2013, 11:10. Показов 780. Ответов 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