Доброго времени суток Уважаемые.
Сделал на jQuery карусель текста, но в решении казалось бы столь тривиальной задачи происходит следующее: при переходе от функции marqueeRemove до исполнения marqueeLoop - не работает заданная анимация.
$(document).ready(function(){
var scrollTextBox = $('#marquee'); //головной div, в который помещен span с текстом
function marqueePlay() { //функция проходит один раз выполняя 1,2 -пункты указанной ниже схемы
var scrollFirst = scrollTextBox.children().height() - scrollTextBox.height();
scrollTextBox.animate({ //анимация скролла
scrollTop: scrollFirst}, {
duration:6000,
complete:function() {
marqueeLoop(); //переход к основной функции
}
});
}
function marqueeLoop() { //в сочитание с marqueeRemove выполняет 3-5 пункты схемы-алгоритма, зацикливается
scrollTextBox.children('span').clone().appendTo(scrollTextBox);
var scrollLoop = 2 * scrollTextBox.children(':first').height() - scrollTextBox.height();
scrollTextBox.animate({ //Вот ТУТ на втором проходе что-то идет не так(анимация перестает работать)!
scrollTop: scrollLoop}, 6000, marqueeRemove);
}
function marqueeRemove() {
scrollTextBox.children(':first').remove();
marqueeLoop();
}
marqueePlay();
});
Для наглядности сделал "схему алгоритма" сей карусели, дабы Вы скорее поняли что код вроде и правильный, но либо "я.. либо лыжи не едут"