如何在jquery中插入ul列表的圖像

我需要在div（.slider）中插入圖像，當我點擊鏈接「prev」和「next」時，我有一個像這樣的結構：如何在jquery中插入ul列表的圖像

<a class="prev"></a> 
    <div class="slider"> 
    </div> 
<a class="next"></a> 

    <div class="thumbnails"> 
     <ul> 
     <li><img src="" alt="" /></li> 
     <li><img src="" alt="" /></li> 
     <li><img src="" alt="" /></li> 
     <li><img src="" alt="" /></li> 
     </ul> 
    </div>

div.slider的兩側，我有兩個環節「上一頁」和「下一步」，轉到下一個和prev圖片，我怎麼能與jQuery，或者JavaScript的做呢？

謝謝！

來源

2013-12-18 Leandro RR

你試過什麼嗎？ – Hiral

是的，但是，沒有成功，沒有工作，花我所有的一天嘗試 –

$('.prev').click(function(){ 
    if(current>0){ 
     current--; 
     changeImage(current); 
    } 
}); 

$('.next').click(function(){ 
    current++; 
    changeImage(current); 
}); 

var current=0; 
changeImage(current); 
function changeImage(index){ 
    if($('li img').eq(index).length){ 
     var src=$('li img').eq(index).attr('src'); 
     $('.slider').html('<img src="'+src+'" />'); 
    } 
}

嘗試這樣的事情

來源

2013-12-18 19:06:16 Bhadra

運作良好...你可以在這裏看到結果http://bit.ly/1dnawWT –

我認爲這是優於使用HTML添加一個img元素：

var current = 0; 
$("a.prev").click(function(){ 
    $(".slider img").attr("src", $(".thumbnails li").eq(current--).attr("src")); 
}) 
$("a.next").click(function(){ 
    $(".slider img").attr("src", $(".thumbnails li").eq(current++).attr("src")); 
})

此外，還要確保你處理情況分組引起電流< 0或當前> = $（「。thumbnails li」）。長度

來源

2013-12-18 19:16:35 TastySpaceApple

如何在jquery中插入ul列表的圖像

回答

相關問題