Загрузка элементов динамически в jcarousel

Question

Я использую JCarousel для отображения изображений из БД в JCarousel.

Я извлекаю 500 изображений из БД (например), но я хочу отображать только 50 изображений в jcarousel.

Это мой код для заполнения 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]); 

      } 
     }; 

Я ломать голову, чтобы выполнить эту задачу.

Это будет очень полезно, если кто-то предоставит некоторые идеи или образец кода.

Answer 1

@user,

Вы не должны загрузить 500 picuters из базы данных.

У вас должен быть некоторый идентификатор в базе данных или пути, изображения должны поступать с некоторого сервера изображений. Так что это будет быстро.

Напишите API, который позволит вам получить максимум 50 изображений на странице.

В caraousal всякий раз, когда вы щелкаете дальше, поменять местами идентификаторы и ГКЗ изображений из следующих 4-х изображений

Мы реализовали то же самое здесь http://www.allposters.com