#javascript #jquery #jquery-ui #fadeout
#javascript #jquery #jquery-пользовательский интерфейс #затухание
Вопрос:
Эй, ребята, я использую некоторый пользовательский интерфейс jQuery для отображения и изображения, масштабируя и уменьшая его одновременно!
jquery.ui.core.js
jquery.effects.scale.js
$('img').show( "puff", 1000, function(){$(this).stop();} );
Я модифицировал плагин таким образом, чтобы масштабирование достигло 200%, и в этот момент я останавливаю анимацию, чтобы она сохраняла двойной размер.
С этого момента я хочу, чтобы fadeOut() изображение находилось в этом состоянии 2X, однако я не могу вызвать эффект затухания.
$('img').show( "puff", 1000, function(){$(this).stop().fadeOut();} );
не работает, и ни
$('img').show( "puff", 1000, function(){$(this).stop()} ).fadeOut();
у кого-нибудь есть решение?
10x и BR
Комментарии:
1. Затухание происходит в функции обратного вызова. таким образом, это сработает только тогда, когда show () закончится
2. Да, действительно, и stop () тоже, но это сработало, есть ли способ достичь желаемого эффекта?
Ответ №1:
используйте это при обратном вызове
// set the value to 200%
$(this).css('some_property','200%');
$(this).fadeOut();
Таким образом, вашу остановку не нужно вызывать
и в конце анимации размер будет установлен на 200%, а затем начнет исчезать