0

我今天一直在玩fancybox,并且在某种程度上我已经让它工作了。我能够传递单个图像或一组图像。但我似乎不能做的是两者兼而有之。

所以我想要的是点击缩略图。这将加载,但是弹出窗口中的下一个和上一个按钮将循环也传递的图像数组。

当我尝试同时执行这两种操作时,弹出窗口只会循环单击第一个缩略图,但会在每个循环中显示不同的图像标题。

我今天已经在这里浏览了很多帖子,测试了各种代码,但仍然无法完成这项工作。

你可以在这里看到我的问题:http ://www.scotflash.co.uk/website/pages/latest/latest.php

下面是我的代码。

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

感谢您提前提供任何帮助。

4

1 回答 1

0

如果我正确理解您的问题,您正在尝试从您在那里加载的闪烁图像创建一个画廊。

在这种情况下,如何使用 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();

    });

});

这个线程也可能有帮助:FancyBox gallery integration

于 2013-08-20T16:32:16.183 回答