需要能夠使用JQuery在類中創建循環

所以基本上我有一個數組，其中包含一個圖像鏈接和一個數組中的描述，然後調用該數組來加載幻燈片中的元素。然而，它並沒有設置爲循環，因此在調用時它變得非常麻煩，而且必須手動輸入每個數組索引才能獲得所需的所有內容，以便將圖像調用到幻燈片中。請看下圖：需要能夠使用JQuery在類中創建循環

<head> 
    <title></title> 
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> 

    <link rel="stylesheet" href="css/supersized.css" type="text/css" media="screen" /> 
    <link rel="stylesheet" href="css/supersized.shutter.css" type="text/css" media="screen" /> 
    <link rel="stylesheet" href="css/colorbox.css" type="text/css" media="screen" /> 

    <script type="text/javascript" src="scripts/jquery-1.6.4.min.js"></script> 
    <script type="text/javascript" src="scripts/jquery.easing.min.js"></script> 
    <script type="text/javascript" src="scripts/supersized.3.2.7.js"></script> 
    <script type="text/javascript" src="scripts/supersized.shutter.js"></script> 
    <script type="text/javascript" src="scripts/jquery.colorbox-min.js"></script> 
    <script type="text/javascript" src="scripts/jquery.colorbox.parentsetup.js"></script> 

    <script type="text/javascript"> 

     jQuery(function($){ 

      //image url, image title 
      var data = [ 
       ['images/events/2012/bimmer_cruise/image_01.jpg', ''], 
       ['images/events/2012/bimmer_cruise/image_02.jpg', ''], 
       ['images/events/2012/bimmer_cruise/image_03.jpg', ''], 
       ['images/events/2012/bimmer_cruise/image_04.jpg', ''] 

       ]; 

      $.supersized({ 

       // Functionality 
       slide_interval : 3000,  // Length between transitions 
       transition  : 3,  // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-           // Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-           // Carousel Left 
       transition_speed: 700,  // Speed of transition 

       // Components       
       slide_links  : 'blank', // Individual links for each slide (Options:            //false, 'num', 'name', 'blank') 

       slides   : [   // Slideshow Images 

        {image : data[0][0], title : data[0][1], 
        thumb : data[0][0], 
        url : 'colorbox_onclick("' + data[0][0] + '");'}, 

        {image : data[1][0], title : data[1][1], 
        thumb : data[1][0], 
        url : 'colorbox_onclick("' + data[1][0] + '");'}, 

        {image : data[2][0], title : data[2][1], 
        thumb : data[2][0], 
        url : 'colorbox_onclick("' + data[2][0] + '");'}, 

        {image : data[3][0], title : data[3][1], 
        thumb : data[3][0], 
        url : 'colorbox_onclick("' + data[3][0] + '");'} 

    ] 
      }); 
     });

我想這樣做像下面的東西來代替，但不能弄明白也不可以在我的網站的人。他說，它是不可能的，但即時通訊固執笑

     for (var i = 0; i < data.length; i++) { 

          {image : data[i][0], title : data[i][1], 
          thumb : data[i][0], 
          url : 'colorbox_onclick("' + data[i][0] + '");'}, 
         }

任何幫助/洞察力讚賞:)

來源

2013-02-11 Derek

slides = []; 
for (var i = 0; i < data.length; i++) { 
    slides.push({image : data[i][0], title : data[i][1], 
       thumb : data[i][0], 
       url : 'colorbox_onclick("' + data[i][0] + '");'} 
       }); 
}

在選項然後用slides來$.supersized。

來源

2013-02-11 15:55:33 Barmar

嗨Barmar，非常感謝您的回覆。所以它的只是 $。超大（幻燈片）然後你的代碼？不知道要放置在哪裏 – Derek 2013-02-11 16:12:55

不，代替'幻燈片：「選項中的文字數組。 – Barmar 2013-02-11 16:26:06

邪惡！我的網絡人得到它排序非常感謝！ – Derek 2013-02-11 17:34:47

需要能夠使用JQuery在類中創建循環

回答

相關問題