Как сбросить слайд-шоу после показа последнего изображения

0

Это мой файл css. Как сбросить слайд-шоу после отображения последнего изображения

function slideSwitch() {
    var $active = $('div#slideshow IMG.active');
    var $next = $active.next();   

    $next.addClass('active');
    $active.removeClass('active');
}

$(function() {
    setInterval( "slideSwitch()", 5000); 
    $('#slideSwitch()').slider('div#slideshow', 0);
});

И это мой HTML

<div id="slideshow">
    <img src="img/1.jpg" width="400" height="200" border="6" style="width:400px; margin-left:-200px; left:50%; position:absolute; border-color:#B30000;" class="active" />
    <img src="img/2.jpg" width="400" height="200" border="6" style="width:400px; margin-left:-200px; left:50%; position:absolute; border-color:#B30000;" />
    <img src="img/3.jpg" width="400" height="200" border="6" style="width:400px; margin-left:-200px; left:50%; position:absolute; border-color:#B30000;" />
</div>

Заранее спасибо!

Теги:
slideshow

1 ответ

0
Лучший ответ

Вместо

var $next = $active.next();

Пытаться

var $next = ($active.next().length) ? $active.next() : $('#slideshow img:first);
  • 0
    Да, это работает, спасибо!
  • 0
    Рад помочь :)

Ещё вопросы

Сообщество Overcoder
Наверх
Меню