Как сделать плавное автоматическое увеличение изображения с помощью Jquery?

Question

На первой странице нашего сайта с использованием вспышки я построил плавное увеличение изображения, как вы можете видеть, где фокус перемещается, а затем останавливается через несколько секунд.Мне интересно, есть ли способ сделать это в JavaScript (в идеале JQuery), так как я хотел бы реализовать его позже на сайте, но без флеш-памяти ...

Заранее спасибо за любую помощь!*

Ура, Шади

Answer 1

Да, есть много плагинов jQuery, которые делают это, а некоторые делают намного больше. Я сделал поиск в Google по запросу "jquery zoom image", и это первое, что показалось, что, похоже, справилось с работой:

http://www.eyecon.ro/zoomimage/

Другая базовая концепция - использование функции animate() в jQuery, которая позволяет анимировать изменение ширины и высоты. Вы должны иметь контейнер над изображением со свойством CSS overflow: hidden. Это позволит вам расширить изображение до любых размеров.