圖像滑塊使用eq（）獲取圖像嘗試將其更改爲var的圖像

Question

我試圖使用此圖像滑塊從文件夾位置獲取圖像，但未使用.eq（）獲取圖像但我無法找出如何去做。

var pages = $('#container li'), 
    current = 0; 
var currentPage, nextPage; 
var get_images = new Array("1.jpg", "2.jpg"); 
var handler = function() { 
    $('#container .button').unbind('click'); 
    currentPage = pages.eq(current); 
    if ($(this).hasClass('prevButton')) { 
     if (current <= 0) current = pages.length - 1; 
     else current = current - 1; 
     nextPage = pages.eq(current); 

     nextPage.css("marginLeft", -604); 
     nextPage.show(); 
     nextPage.animate({ 
      marginLeft: 0 
     }, 800, function() { 
      currentPage.hide(); 
     }); 
     currentPage.animate({ 
      marginLeft: 604 
     }, 800, function() { 
      $('#container .button').bind('click', handler); 
     }); 
    } else { 

     if (current >= pages.length - 1) current = 0; 
     else current = current + 1; 
     nextPage = pages.eq(current); 

     nextPage.css("marginLeft", 604); 
     nextPage.show(); 
     nextPage.animate({ 
      marginLeft: 0 
     }, 800, function() {}); 
     currentPage.animate({ 
      marginLeft: -604 
     }, 800, function() { 
      currentPage.hide(); 
      $('#container .button').bind('click', handler); 
     }); 
    } 
} 

$('#container .button').click(handler); 

Answer 1

這將不僅僅是更換.eq()的情況更加困難，因爲它的工作與我們可以使用.css()和.animate()反對，因爲他們在DOM是已經DOM元素。

我認爲這將是最好的只是做

$.each(get_images, function(i,img){ 
    $('#container').append('<li><img src="'+img+'"/></li>'); 
}); 

然後調用後的所有其他代碼。

編輯

Here's a jsFiddle with my adaptation of your code

我只是用引導和隨機縮略圖生成，不重視它的代碼。重點在get_images變量，和$.each()函數