jQuery Карусель. Как автоматически показать следующий элемент через x секунд - PullRequest
0 голосов
/ 01 марта 2011

Я нашел ответ на этот вопрос: jQuery Carousel Как показать только следующий или предыдущий элемент. и использовал код для создания текстовой ленты.«Следующая» и «предыдущая» работа, теперь я хочу настроить ее так, чтобы она проходила по загрузке канала, это то, что я до сих пор придумал, но она не работает:

1 Ответ

1 голос
/ 02 марта 2011

Для тех, кто хочет добавить паузу при наведении:

// JavaScript Document
    $(function(){
$('#latest_news_ticker li').fadeOut(0);
$('#latest_news_ticker li:first').fadeIn(500);
 var ticker = setInterval(nextone,3000);

function nextone() {
    var $visibleItem = $('#latest_news_ticker li:visible');
    var total = $('#latest_news_ticker li').length;
    var index = $visibleItem.prevAll().length;
    $(this).attr('href') === '#carouselNext' ? index++ : index--;
    if (index === -1) {
        index = total - 1;
    }
    if (index === total) {
        index = 0
    }
    $visibleItem.hide();
    //fade in the relevant item
    $('#latest_news_ticker li:eq(' + index + ')').fadeIn(500);

};

$('#latest_news_ticker li a')
.hover(
function () {
clearInterval(ticker)
},
function () {
ticker = setInterval(nextone, 3000);
}
);


$('a.leftarrow, a.rightarrow').click(

function(ev) {
    ev.preventDefault();
    nextone();
    clearInterval(ticker);
    ticker = setInterval(nextone, 3000);
});
 });
...