Question

我今天一直在玩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'
    }); 
});

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

Answer 1

如果我正确理解了您的问题，那么您正尝试根据已加载的闪烁图像创建一个库。

在这种情况下，如何使用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

fancybox传递图像数组，但从显示所点击的内容开始

1 个答案: