JQuery Animate

Question

мне нужно использовать свойство animate для менее активной деятельности. я новичок в 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 можно найти здесь .

Answer 2

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

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

Это сработает.

Answer 3

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

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

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