使用JQuery循環播放圖像

Question

我試圖使用JQuery next（）將CSS添加到一次突出顯示的圖像。當用戶點擊一個按鈕時，它應該突出顯示帶有邊框的下一個（）圖像。相反，雖然它突出顯示了它後面的所有圖像。

$('#imageList img').next().addClass('selected');

這雖然增加了類的所有圖像。

Answer 1

這會得到你想要的東西太http://jsfiddle.net/GWtg8/2/

$(document).ready(function(){ 
$('#btn').click(function(){ 
    $('#cont img').not('.selected').first().addClass('selected'); 
}); }); 

Answer 2

試試這個

$(function(){ 
    var imageList = $('#imageList img'), imgCounter = 0; 
    $("buttonSelector").click(function(){ 
     imageList.eq(imgCounter++).addClass('selected'); 
    }); 
}); 

Answer 3

首先，選擇第一個圖像：

var img = $('#imageList img:first').addClass('selected'); 

現在，每當你想hightlight下一張圖片，請致電此功能：

function selectNext() { 
    img.removeClass('selected').next().addClass('selected'); 
} 

Answer 4

好像下面應該工作得很好對你來說，應在集中添加了「選擇」類第一圖像不含有類：

$('#imageList img:not(.selected)').eq(0).addClass('selected');