Архив метки: анимации

В этой статейке, я покажу как можно быстро и просто заблокировать действия до завершения анимации, вызванной с помощью jQuery aminate() Очень часто бывает жизненно необходимо дождаться завершения анимации, случаи бывают разные — каруселька, галерея и многое другое. Раньше я изобретал «велосипед» — добавлял всевозможные таймеры, блокировал страницу, и тд. Но сегодня полистав документацию jQuery, я наткнулся на интересную возможность функции animate(). Оказывается, помимо параметров анимации и скорости, эта функция может вызывать действия по завершению анимации. Используя новые знания, я быстро набросал пример, который показывает, как можно заблокировать повторное выполнение анимации, пока не закончится старая. Ниже приведен подробно прокомментированный код: $(document).ready(function(){       // создаем действия при клике на кнопку     var animateTest = function() {         var widthElement = parseInt($(this).width());         var heightElement = parseInt($(this).height());         var stepZoom = 50;         var speedAnimate = 1000;         // перед запуском анимации снимаем все действия с кнопки         // чтобы пользователь не мог сделать повторные клики         $(this).unbind(‘click’);         // запуск анимации         $(this).animate(… Читать далее »