fancybox傳遞圖像數組，但從顯示點擊的內容開始

我一直在玩弄fancybox今天和我已經得到它的工作點。我可以傳遞單個圖像或圖像數組。但我似乎無法做到的是兩者都有。fancybox傳遞圖像數組，但從顯示點擊的內容開始

所以我想要的是點擊縮略圖。這將加載，但隨後彈出的下一個和上一個按鈕將循環傳遞的圖像數組。

當我嘗試這兩種方法時，彈出窗口只循環點擊的第一個縮略圖，但在每個循環上顯示不同的圖像標題。

我今天已經在這裏經歷了不少的帖子，測試了各種代碼，但仍然無法做到這一點。

你可以看到我的問題在這裏：http://www.scotflash.co.uk/website/pages/latest/latest.php

下面是我的代碼。

$('.flckrimage').click(function(e){ 
    e.preventDefault(); 
    parent.$.fancybox([<?php echo getGallery('[email protected]',12); ?>],{ 
     href: this.href, 
     type: 'image' 
    }); 
});

感謝您的任何幫助提前。

來源

2013-08-20 Paul Bainbridge

如果我正確理解你的問題，你正試圖從你已經加載的閃爍圖像創建一個畫廊。

在這種情況下，如何使用FancyBox的內置圖庫功能。這可以通過向標記中的鏈接添加常見的'rel =「gallery_name」'來使用。

下面是它可能是什麼樣子：

http://jsfiddle.net/v3CAR/15/

HTML：

<a href="http://farm4.static.flickr.com/3714/9554519784_66e130a6b0_b.jpg" title="background_6" rel="gallery" class="flckrimage"> 
    <img src="http://farm4.static.flickr.com/3714/9554519784_66e130a6b0_s.jpg" alt="background_6" title="background_6" class="flickrimg"> 
    </a>

JS：

$(document).ready(function ($) { 

    $('.flckrimage').click(function (e) { 
     $('.flckrimage').fancybox(); 

    }); 

});

這線程可能會有所幫助，因爲我們ll：FancyBox gallery integration

來源

2013-08-20 16:32:16

嗨，你給我做的工作，如果我不拉動頁面到主站點上的iframe。當我從主站點查看頁面時，它會在iframe中顯示該畫廊。我希望fancybox出現在主站點上。你可以看到我剛剛在這裏：http://www.scotflash.co.uk/website/感謝您的幫助和任何進一步的幫助。 –

@PaulBainbridge，這個怎麼樣：'$（ 'flckrimage'）點擊（函數（E）{\t \t \t \t \t \t \t \t \t \t \t \t \t e.preventDefault（）; \t \t \t \t \t \t \t \t console.log（「href：」+ this。HREF）; 。 \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t父$（ 'flckrimage'）的fancybox（{ \t \t \t \t \t \t \t \t \t類型： '圖像'， \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t}）; \t \t \t \t}）;' –

嗨nef。對不起，但沒有做任何事。我已更新網站上的網頁，以便您可以查看是否有任何我錯過的內容。 –

fancybox傳遞圖像數組，但從顯示點擊的內容開始

回答

相關問題