對於我的幻燈片的LOOP jQuery總寬度

Question

我是jquery中的新成員，我試圖製作一個像這樣的http://owlgraphic.com/owlcarousel/demos/lazyLoad.html但具有不同大小的圖像的滑塊。我必須使用FOR LOOP和我做到這一點：

$(document).ready(function) { 

var slideCount = $('#slider ul li').length; 

var i; 

for (i = 0; i < widthTot; i++) { 
    var widthTot= widthTot + $('#slider ul li:eq('+i+')').width(); 
} 

}); 

哪裏出錯？ 三江源

Answer 1

它應該是這樣的：

$(document).ready(function) { 
    var slideCount = $('#slider ul li').length; 
    var i; 
    var widthTot=0; 

    for (i = 0; i < slideCount; i++) { // Use slideCount instead of widthTot 
     widthTot= widthTot + $('#slider ul li:eq('+i+')').width(); 
    } 
}); 

Answer 2

$(document).ready(function() { 
    //     ^
    var slideCount = $('#slider ul li').length; 

    var widthTot = 0; 
    // ^^^^^^^^^^^^^^ 

    for (var i = 0; i < slideCount; i++) { 
    //     ^^^^^^^^^^ 
     widthTot += $('#slider ul li:eq(' + i + ')').width(); 
     // ^^^^^^ Remove var 
    } 
    alert(widthTot); 
}); 

1. 你錯過了(ready的功能
2. 聲明widthTot外for循環
3. 刪除的widthTotvar內for環
4. 使用slideCount內for條件

Answer 3

現在的問題是：我怎樣才能把我所有的圖片內嵌不繼續？

$(window).load(function() { 

    var slideCount = $('.slider ul li').length; 
    var i; 
    var widthTot = 0; 

    for (i = 0; i < slideCount; i++) { 
    widthTot += $('#container .slider ul li:eq('+i+')').width(); 
    } 

    $('.slider').css('width', widthTot); 

    $('.slider ul li').clone().appendTo('.slider ul'); 

    $('.slider ul').addClass('.original') 

}); 

因爲如果我使用克隆，圖像變壞了，但我希望克隆與其他img保持同一行！