在jcarousel中動態加載項目

我正在使用JCarousel將圖片從數據庫顯示到JCarousel中。在jcarousel中動態加載項目

我從數據庫中檢索500張圖片（例如），但我想在jcarousel中只顯示50張圖片。

這是我的代碼填充的jCarousel

if ($("input[id$='hid_RowCount']").val() == 1) { 
    jQuery('#mycarousel').jcarousel({ scroll: 7 
    }) 


    function JCarouselJquery(jsonData){ 
     jQuery('#mycarousel').jcarousel({ 
     itemLoadCallback: {onBeforeAnimation: mycarousel_itemLoadCallback} 
    });

}

function mycarousel_itemLoadCallback(carousel, state) 
    { 
     for (var i = carousel.first; i <= carousel.last; i++) { 
     if (carousel.has(i)) { 
       continue; 
      } 

      if (i > jsonData._items.length) { 
       break; 
      } 

      carousel.add(i, jsonData._items.length[i-1]); 

      } 
     };

我打破我的頭，完成這個任務。

如果有人提供一些想法或示例代碼，這將會非常有幫助。

來源

2010-11-19 Pranesh Nair

這將有很大的幫助，如果你提供你現在有的代碼。 – 2010-11-19 07:23:04

@ user3，我們在www.allposters.com上實施了carausal，它首先加載4張圖片，點擊下一張加載下4張圖片時，請告知我是否需要這種解決方案，我會詳細解釋您的 – kobe 2010-11-19 07:36:12

已經添加了更多的細節，因爲你問過。 – 2010-11-19 07:44:13

@user，

您不應該從數據庫加載500個picuters。

你應該在數據庫或路徑中有一些id，圖像應該來自某個圖像服務器，所以它會很快。

編寫一個API，每頁最多可獲得50個圖像。

在caraousal，只要你點擊下一步，交換圖像的識別碼與SRC從下一個4個圖像

我們已經實現了同樣在這裏http://www.allposters.com

來源

2010-11-19 07:39:10 kobe

我看到你提到的網站...它真的很好的想法。你能給我更多關於如何實現它的細節嗎？ – 2010-11-19 07:46:37

你可以告訴你如何在JCarousel上動態顯示圖像，點擊Next按鈕。我嘗試了很多，但它沒有爲我工作......你能提供想法或示例代碼，你是如何做到這一點？請給我 – 2010-11-21 05:06:43

，我也想要 – Rafalages 2010-11-22 04:02:25

在jcarousel中動態加載項目

回答

相關問題