jQuery прыгающее изображение

Question

У меня есть требование, при котором клиент хочет, чтобы изображение отскочило, в настоящее время я использую это

$(window).ready(function () {
           $('#homePageImage').stop()
           .animate(
            {
                 height: '370px'
            },
            {    queue: false,
                 duration: 1000,
                 easing: 'easeOutBounce' });
             });

Но, клиент хочет, чтобы все изображение «упало» и отскочило, какэто можно сделать?

Спасибо!

Answer 1

Я не совсем уверен, что вы спрашиваете, приятель, на самом деле ...

вот два возможных решения:

1. Включить пользовательский интерфейс Jquery - easeOutBounce - это jqueryПользовательский интерфейс и не входит в комплект поставки jquery.

2. Создайте #homePageImage position: absolute и анимируйте значение top:, а не height:.Таким образом, изображение упадет и отскочит.Вам нужно будет начать с изображения с top: -*height of the image*, чтобы оно просто исчезло с экрана, а затем анимировать его до top: *where you want it* с помощью замедления easeOutBounce.:)