.animate JQuery в направлении нижней части изображения вместо верхней

Question

Я пытаюсь делать противоположную функцию

document.getElementById('testImage').style.height='75px'; 

$("#testImage").animate({ 
    height:'0px', 
    width:'100px' 
}); 

Он имеет идеальный эффект для моего образа, но я хочу анимацию, чтобы уменьшить видимые к основанию изображения вместо вершины. Это возможно?

Answer 1

Вам просто нужно найти способ исправить изображение в нижней части области, о которой идет речь. Например, это может быть достигнуто путем установки контейнера в position: relative, анимированный элемент - position: absolute и bottom: 0.

Answer 2

С помощью CSS, установите эти правила для вашего изображения:

position:relative; 
bottom:0px; 

Убедитесь, что это контейнер имеет надлежащую высоту.

Answer 3

Я получил эту работу в скрипку для вас:

http://jsfiddle.net/Ku6vV/

$("#testImage").animate({ 
    height:'0px', 
    width:'100px', 
    top:'300px' 
}); 

В CSS:

#testImage { 
    position:relative; 
    top:0; 
}