2010-09-30 2 views
0

Мне нужно изменить плагин this, чтобы повернуть изображения, не дожидаясь окончания анимации. Если вы посетите эту ссылку, вы можете заметить, что анимация перезапускается в конце предыдущей анимации, но я хочу, чтобы образы назад назад, поэтому я не хочу ждать окончания первой анимации, чтобы начать следующую. Любая идея, как это сделать. Соответствующий фрагмент кода из этого плагинаjQuery aimate problem

el.animate({ left:"-" + el.width() + "px" }, time, "linear", function() { 

//reset container position 
$(this).css({ left:$("div#imageScroller").width(), right:"" }); 

//restart animation. Problem is to restart it when last image completey appears with out pausing current animation. 
animator($(this), duration, "rtl"); 

//hide controls if visible 
($("div#controls").length > 0) ? $("div#controls").slideUp("slow").remove() : null ; 

}); 

ответ

2

Вам придется подойти совершенно по-другому. Вам придется либо дублировать все изображения, либо использовать два контейнера, а так как они полностью скрыты, переместите их вправо или поп-изображения с левой стороны и добавьте их в правую сторону, когда они исчезнут со страницы.

+0

Позвольте мне попробовать добавить изображение в правую сторону –

+0

Выполнение второго метода требует довольно большого изменения кода, так как вам нужно будет установить свойство left на изображения независимо, а не на контейнер. – methodin

+0

Предлагаю второй метод. Функция аниматора почти поддержит ее как есть. Я думаю, вам просто нужно будет сравнить положение изображения с «viewer» div, чтобы узнать, не находится ли он вне поля зрения. Если это так, прекратите анимацию и начните снова с самого начала. – fehays