Нужна Ваша помощь. Как реализовать такую фичу у себя на сайте?

Question

[Петр Волханов]

Доброе утро, Хабровчане. Увидел на одном сайте интересную фичу. Хочу повторить на одном своем проекте. С чего лучше начать? Можно ли реализовать такое на jQuery? Подскажите, пожалуйста, в какую сторону копать?

Answer 1

[Евгений Калибров]

Покапавшись в исходниках предоставленного вами сайта, понял что этот эффект реализован с помощью некого плагина для joomla - rokslideshow.js. Дальше гугл вам в помощь.

Answer 2

[teotlu]

Зачем вам такое? Оно выглядит ужасно.
А сделать проще всего будет, как мне кажется, с помощью анимаций CSS и небольшого скрипта js, который задаёт им случайные значения.

На jQuery сделать, конечно, можно. На нём много чего можно сделать.
Но движок анимаций в jQuery оставляет желать лучшего, тогда неплохо бы использовать ещё velocity.js. Или, как я написал выше, анимации CSS.

Answer 3

[svd71]

Кaртинка просто меняет динамически параметры left, height, width на оригинально загрузенном имидже. Видимый размер картинки обрезает родительский div.

Comments

[Петр Волханов]

А как реализовать смену фотографий? Создать отдельную папку с фотками и сделать слайдер?

[svd71]

делать слайдер полюбому придется. Не у видел где на указанном сайте загрузка картинки ведется (да и не искал совсем), но без динамической загрузки картинки не обойтись.Евгений Привалов: