Chargement dynamique d'éléments dans jcarousel

Question

J'utilise JCarousel pour afficher des images de la base de données dans JCarousel.

Je récupère 500 images de la base de données (par exemple) mais je veux afficher seulement 50 images dans jcarousel.

Ceci est mon code pour remplir le 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]); 

      } 
     }; 

Je me casser la tête pour accomplir cette tâche.

Il sera d'une grande aide si quelqu'un fournit des idées ou un exemple de code.

Answer 1

@user,

Vous ne devriez pas charger 500 picuters de la base de données.

Vous devriez avoir un identifiant dans la base de données ou le chemin, Les images devraient provenir de certains serveurs d'images. Donc, ce sera rapide.

Écrivez une API qui vous permet d'obtenir un maximum de 50 images par page.

Dans le caraousal, chaque fois que vous cliquez sur suivant, échanger les ids et src des images des 4 images suivantes

Nous avons mis en œuvre la même chose ici http://www.allposters.com