Fancybox - Ajax Resim Galerisi

Question

Ben küçük bir div, bir fancybox grubunda bulunan her doldurur özel bir resim galerisi var.

Eğer birini tıklayın (bu FancyBox açılır) ve ilk "sayfa" konulu resimler arasındaki geçiş yapmak Önceki/Sonraki basabilirsiniz zaman. Sayfalar arasında geçiş yapmak için, fantezi kutusunu kapatmanız ve sayfaları değiştirmeniz ve ardından yeni bir küçük resmi açmanız gerekir. Bu yeni fotoğraf dizisi ajax üzerinden alındı.

bahsettiğimi tam olarak ne size göstermek için, http://www.speedcountry.com/mSpeed323/Mazda_MAZDASPEED3

nasıl sayfaları geçmek ve görüntülerin sonraki set yük Fancybox kullanabilirim?

Answer 1

O FancyBox içinde herhangi bir iç yöntem vardır görünmüyor, bu yüzden eklentiyi değiştirmek gerekecek. Küçük bir değişiklik yapma ve demo yayınlama özgürlüğünü aldım - demoda, bir FancyBox açılır penceresindeki herhangi bir resmi açın, ardından klavyede Enter tuşuna basın. Tüm görüntüleri galeriye yükleyecek ve ilkinden başlayacaktır. temelde if (array)... satır ekleyin, sonra bir işlev parametre olarak "dizi" ekleyin Yani

$.fancybox.pos = function(pos, array) { // array parameter added 
    if (busy) { 
     return; 
    } 

    if (array) { currentArray = array; } // new line 

:

Modifiye hat 887, daha sonra 892 önce bir satır ekleyin.

Kullanmak için, FancyBox açıkken pos işlevini çağırın.

// pos(index of image, jQuery object of gallery objects) 
$.fancybox.pos(0, $('#examples a[id]')); 

* Not: Başlangıçta ben sadece $('a[id]') kullanılan ve içinde fantezi kutu oldu görüntüyü dahil Bu demo dan kodudur.

---

Güncelleme: Dediğiniz Yani olduğu gibi, ajax ... Ben sadece görüntü URL'lerin listesini alıyorsanız tahmin ediyorum kullanarak daha fazla görüntülerde yüklüyorsunuz.

<div id="ajax-loaded" style="display:none"> 
<a href="#" title="image1 title"><img src="image1.jpg"></a> 
<a href="#" title="image2 title"><img src="image2.jpg"></a> 
... 
<a href="#" title="imageN title"><img src="imageN.jpg"></a> 
</div> 

Sonra jquery dizisi ikinci Paramtre olarak $.fancybox.pos işlevine $('#ajax-content img') nesneleri yapabilir ve başlangıç: Bir url başlayarak, oluşturmak ve gizli bir alanda sayfaya bu görüntüleri eklemek gerekir ilk görüntüde (sıfır)

// ajax complete, add images to gallery 
$.fancybox.pos(0, $('#ajax-loaded a')); 

Güncelleme 2. ile: sana bir görüntü başlığını dahil etmek istiyorsanız gerekli olduğunu gördük sonra bağlantıları ve jQuery seçicinin yukarıdaki HTML tamamladı.

Answer 2

benim cevaplar here yılında FancyBox bazı faydalı linkler gönderdiniz. Lütfen kontrol et onları.

bunu yararlı bulamazsanız, beni düzeltin lütfen. Uygulamayla ilgili sorun olup olmadığını

arada, kodu gönderin.

Teşekkür ederiz.

Answer 3

prepGallery()'un sonuna $("#profileGallery .vehiclePictures:first").click() eklediniz. Böylece AJAX çağrınızdan sonra, fotoğraf otomatik olarak "tıklar".