Fancybox打开图库框，但第一个图像不起作用

我对使用fancybox有点困惑，网站并没有真正帮助我解决混乱问题。从网站Fancybox打开图库框，但第一个图像不起作用

报价： -

注意从谁具有相同的“相对” 标签，例如元素创建画廊：

所以我有这个隐藏DIV，所有图片有 '画廊' rel属性：

<div id="gallery" class="none"> 
    <img src="img/fondo1.jpg" alt="" rel="gallery" /> 
    <img src="img/fondo2.jpg" alt="" rel="gallery" /> 
    <img src="img/fondo3.jpg" alt="" rel="gallery" /> 
    <img src="img/fondo4.jpg" alt="" rel="gallery" /> 
</div>

链接：

<a id="galleryBtn" class="galeria" href="#gallery">Gallery</a>

和我的触发：

$('a#galleryBtn').fancybox({ 
    'transitionIn' : 'elastic', 
    /*'transitionOut' : 'elastic',*/ 
    'speedIn'  : 600, 
    'speedOut'  : 200, 
    /*'overlayShow' : false*/ 
});

链接打开的fancybox，但它包含一个滚动条，而不是单一的图像与旁边的画廊和上一个按钮，所有图像。

那么我做错了什么？ http://jsfiddle.net/wkP79/5/

来源

2011-12-20 Toni Michel Caubet

这似乎工作：

<div> 
    <a class="gallery" rel="gallery1" href="http://toniweb.us/gm/img/fondo1.jpg">Gallery</a> 
    <a class="gallery" rel="gallery1" href="http://toniweb.us/gm/img/fondo2.jpg"></a> 
    <a class="gallery" rel="gallery1" href="http://toniweb.us/gm/img/fondo3.jpg"></a> 
    <a class="gallery" rel="gallery1" href="http://toniweb.us/gm/img/fondo4.jpg"></a> 
</div>

和JavaScript代码：

$(document).ready(function() { 
    $('.gallery').fancybox({ 
     'transitionIn': 'elastic', 
     'speedIn': 600, 
     'speedOut': 200, 
    }); 
});

演示：http://jsfiddle.net/CzMMB/

来源

2011-12-20 11:02:08

的问题是，我需要一个外部链接：这里mimiced我的标记HTTP ：//jsfiddle.net/CzMMB/10/它几乎可以工作，但只有一个图像被加载（带有箭头，但next和prev总是相同）任何ideA？ – 2011-12-20 12:04:13

对不起，但没有。我不明白你为什么不能使用我提供的语法。你提供的小提琴离facebox.net上的演示代码相当远，我惊讶的是没有完全打破。 :) – 2011-12-20 12:32:28

非常感谢您的时间，无论如何，我会尝试自己...但我只添加不同的触发它 – 2011-12-20 12:58:27

Fancybox打开图库框，但第一个图像不起作用

回答

相关问题