jquery aimate

Question

Мне нужно использовать свойство aimate для менее обычной деятельности. Я новичок в jquery, поэтому я не знаю, работает ли эта штука прямо из коробки для jquery, но давайте посмотрим.

$('#Zoom').toggle(function() { 
      img.removeAttribute("height"); 
     $("#draggable").draggable();     
     },    

вышеуказанная функция масштабируется в изображении путем удаления ограничения по высоте и отображает изображение на все его разрешение. Могу ли я каким-то образом сделать этот переход анимированным?

Answer 1

$("#zoom").animate({'height':'1024px'},{'queue':false,'duration':2000} 

Но вам нужно знать высоту изображения при полном разрешении, чтобы перейти к вызову для анимации. вы можете попробовать прохождение 100%, как это:

$("#zoom").animate({'height':'100%'},{'queue':false,'duration':2000} 

Подробнее о JQuery анимации можно найти here.

Answer 2

как говорит TheVillageIdiot, но немного другой синтаксис:

$("your_image_selector").animate({"height": "100%"}, 400); 

надеюсь, что это помогает.

Answer 3

Да просто в делать:

$('#zoom').animate({'height' : '100%'},600) 

Это будет работать.