Fancybox正在显示所有图库图像

时间:2012-07-26 07:12:01

标签: jquery jquery-plugins fancybox fancybox-2

我正在使用花式框2,但是当我点击链接打开幻灯片时,所有图像都会立即显示。有时会添加滚动条....请参阅下面的代码

http://jsfiddle.net/Tx3AF/

抱歉,我无法添加fancyboox JS来展示画廊.. 任何帮助将不胜感激......我在互联网上搜索过,没有运气......

感谢。

1 个答案:

答案 0 :(得分:1)

如果你正在使用这个

$(".fancybox").fancybox({
    openEffect: 'none',
    closeEffect: 'none'
});​

然后只需将class fancybox添加到定位同一图库图片的所有<a>代码中。

您的第一个链接

<a class="fancybox" href="#morephotos">This shows ...

实际上应该定位画廊的第一张图片

<a class="fancybox" href="firstImage.jpg" rel="gallery">This shows....

...否则将显示<div>id="morephotos"内的任何内容。

不要忘记将自定义fancybox脚本包装在.ready()方法中,如

  $(document).ready(function(){
    $(".fancybox").fancybox({
        openEffect: 'none',
        closeEffect: 'none'
    });​ // fancybox
  }); // ready