Fancybox:创建一组图像的链接而不添加其他图像?

时间:2013-02-13 05:53:23

标签: javascript jquery html5 fancybox

我有一组如下图像:

<a class="fancybox-thumbs" data-fancybox-group="gym" href="DSC06334_650_480_c1.JPG">
<img width="650" height="480" alt="Golds Gym" src="DSC06334_650_480_c1.JPG">
</a>
<a class="fancybox-thumbs" data-fancybox-group="gym" href="10292010.jpg">
<img width="500" height="340" alt="Golds Gym" src="10292010.jpg">
</a>

我正在尝试从外部链接链接到这些图像而不添加其他图像:

<a data-fancybox-group="gym" class="fancybox-thumbs">More images</a>

问题是,当我这样做时,我最终会使用fancybox打开空白图像而不是图库中的第一个图像,并在缩略图帮助器中打开一个空图像:example。我该怎么做?

2 个答案:

答案 0 :(得分:0)

我认为你在点击事件上打开calss“fancybox-thumbs”上的fancybox 而更多图像链接也有相同的类,所以fancybox将其视为图像子,它添加了一个空白图像拇指。

请从“更多图片”链接中删除class =“fancybox-thumbs”,我希望空白拇指问题能解决。

答案 1 :(得分:0)

我的解决方案:

<a class="my-class" href="imgSrc-1-big.gif" rel="fancybox-gallery-1" >
  <img src="img_thumb-0-small.gif" alt="" />
</a>

<div style="display: none;"> 
  <a class="my-class" href="imgSrc-2-big.gif" rel="fancybox-gallery-1"></a>
  <a class="my-class" href="imgSrc-3-big.gif" rel="fancybox-gallery-1"></a>
  . . .
</div>