2012-08-23 22 views

回答

0
$(".next").click(function(){ 
    var selected = $('.selected'); 
    selected.removeClass('selected'); 
    selected.hide(); 

    var next = selected.next(".slideritem"); 
    if(next.length === 0) { 
     next = $(".slideritem").first(); 
    } 

    manageControls(next.index());// update the count here 
    next.addClass('selected'); 
    next.show(); 
}); 

演示:http://jsfiddle.net/kLuff/9/

0

添加

$('#CurrenPageId').text(next.index() + 1 + "/" + numberOfSlides); 

next.show()后。或

manageControls(next.index()) 

这里更新的提琴:http://jsfiddle.net/kLuff/6/

但要知道,这next.index()只适用,如果你的幻灯片项目在容器中的第一项。您可能会将您的幻灯片项目包装到另一个容器中,因此index()将保持一致。

+0

如果我想去上一个我应该有,要做些什么呢? – user1619228

+0

使用'selected.prev()'而不是'.next()' – DanielB

+0

是否可以通过点击图像传送带获取div? – user1619228