2010-11-19 19 views
1

Fotoğrafları DB'den JCarousel'e görüntülemek için JCarousel kullanıyorum.Öğeleri dinamik olarak jcarousel'e yükleme

DB'den 500 resim çekiyorum (örneğin) ama jcarousel'de sadece 50 resim görüntülemek istiyorum.

Bu

bu görevi tamamlamak için başımı kırarak am 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]); 

      } 
     }; 

doldurmak için benim Kod olduğunu.

Birisi bazı fikirler veya örnek kodlar sağlarsa çok yardımcı olacaktır.

+0

sağladığınız eğer çok yardımcı olacak şimdi sahip olduğunuz kod. –

+0

@ user3, www.allposters.com adresinde kruvazizi uyguladık ve önce sadece 4 resim yükledikten sonra, sonraki 4 görüntüyü yükledikten sonra tıkladığınızda, bu tür bir çözüme ihtiyacınız varsa bana bildirin, ayrıntılı olarak açıklayacağım – kobe

+0

I sorduğun gibi daha fazla ayrıntı ekledim. –

cevap

3

@user,

Sen veritabanından 500 picuters yük olmamalıdır.

Veritabanında veya yolunda bir kimlik olmalı, Görüntüler bazı görüntü sunucularından gelmelidir. Bu nedenle hızlı olacaktır.

Her sayfada en fazla 50 görüntü alan bir API yazın. Eğer bir sonraki tıkladığınızda caraousal, içinde

Biz burada aynı uyguladık

Sonraki 4 görüntülerden görüntülerin kimlikleri ve src takas http://www.allposters.com

+2

Ben bahsettiğiniz web sitesini gördüm ... Onun gerçekten güzel bir fikir. Bana nasıl uygulandığına dair daha fazla bilgi verin ???? –

+0

JCarousel'deki görüntüleri dinamik olarak Next (İleri) düğmesini tıkladığınızda nasıl görüntüleyebileceğinizi anlatabilirim. Çok denedim ama benim için işe yaramadı ... pls size nasıl fikir verdiğini veya örnek kodu nasıl sağlayabileceğinizi ???? –

+0

lütfen, ben de istiyorum – Rafalages

İlgili konular