2012-05-09 3 views
-1

Я столкнулся с требованием, когда мне нужно показать список тегов UL LI определенным образом.jQuery текстовый ротатор нужна помощь

Мне нужно показать x нет предметов в div. После определенной продолжительности следующий набор элементов x должен отображаться, а предыдущий должен скрываться.

Вот скрипка, которая продемонстрирует, к чему я нацеливаюсь. У меня есть 13 элементов списка подряд. Он должен загрузить 5 предметов в первый раз, следующие 5 пунктов во второй раз и только 3 элемента в третий раз. Он должен перезагрузиться, если снова отобразить первые 5 предметов.

JsFiddle

Я надеюсь, что я более ясно с моим требованием.

Заранее благодарим за помощь.

+0

Что это такое, что не работает? Это не совсем ясно из вашего вопроса, потому что jsfiddle, похоже, работает. – TLS

+0

Он загружает элементы списка в сегменты, но в конце показывает пункт 11,12,13,1,2. Который должен показывать только 11,12 и 13 пунктов. –

ответ

1

Я переместил его до 7 (это занимает слишком много времени, чтобы перебрать их все, когда я внесение изменений)

Похоже, что проблема является проверкой, чтобы увидеть, сколько там видна проблема, я думаю, это должно выглядеть так:

if(end_of_list){ 
    //remove all from visible, then: 
    $(this).detach().appendTo('ul#ticker').removeAttr('style'); 
} else { 
    $('#ticker li:lt(' + 5 + ')').animate({ marginTop: '-120px' }, 800); 
} 

Вот jsfiddle, с которым я играл. Конец расчета списка не существует, хотя:

http://jsfiddle.net/rzWUR/9/

+0

Я попытался добавить ваш код в jsfiddle, но это не сработало. Возможно, я сделал что-то не так. Можете ли вы передать рабочий URL-адрес, пожалуйста. –

+0

Спасибо за jsfiddle. Он должен перезагрузиться, как только он достигнет конца. –

Смежные вопросы