Ajax kullanarak dinamik Colorbox galeriler

0 Cevap php

JQuery / AJAX yeni duyuyorum. Ben fotoğraf galerileri görüntülemek için ColorBox kullanan bir sayfa var. Sayfa her galeri sadece bir resim görüntüler. Tıklandığında, bir colorbox bu galeriden tüm fotoğrafları ile açılır. (Tüm galeriler tüm fotoğraflar için) Bu iç fotoğraf referanslar görünmez bir div sayfada gizlidir. Sayfa bir PHP oluşturulan sayfası. Galeriler / fotoğraflar Picasa ile doldurulur ediliyor.

Yukarıdakilerin hepsi çalışıyor, ancak bunun yerine (PHP ile) sayfa yük tüm galeriler tüm görüntülerin yüklenmesi, ben AJAX ColorBox içine sadece istenen galerisi yüklemek istiyorum.

Şimdiye kadar, ben sayfada bir div içine doğru bağlantılar ekleyebilirsiniz bir test sayfası var, ama Colorbox bu linklere almak olmaz. Yardıma ihtiyaç vardır. Nasıl Colorbox benim AJAX çağrısı ile oluşturulan bağlantıları tanımak için alabilirim?

Colorbox komut başlığında oturmak:

 <script type="text/javascript" src="libs/js/jquery.colorbox.js"></script>
 <script type="text/javascript">
  //Writing out the ColorBox command for each album
  $(document).ready(function(){
   <?php 
   $setnum = 0;
   foreach ($albumIds as $albumId){
       echo "\t\t\t$(\"a[rel='set" . $setnum . "']\").colorbox({maxWidth:\"640px\",     maxHeight:\"480px\"});\n";
       $setnum++;
   }
   ?>
  });
 </script>

Burada sayfanın gövde bölümünde yer benim olsun JSON kodu:

$.getJSON("myserv.php",formContent, function(json){
  var photos = json.data.items;
  var numpics = json.data.items.length;
  var pointer = 1;

  while (pointer < numpics){
   var stuffineed = photos[pointer].media.image.url;
   $("#ajaxBox").append("<a href='" + stuffineed + "' rel='set" + pointer +"'>" + photos[pointer].media.image.url + "</a><br />");
   pointer++; 
  }

 }); //End json 

Yine, ben AJAX doğru div doldurmak için alabilirsiniz, ama colorbox senaryo bu görüntüler çekme değil.

Herhangi bir yardım büyük mutluluk duyacağız.

0 Cevap