停止fancybox在库中的图像上使用空占位符?

时间:2013-03-20 22:10:54

标签: jquery fancybox fancybox-2

当你点击一个图像时,我正在使用fancybox将页面上的图像网格转换为图库。它们都与rel =“gallery”属性链接在一起。问题是当你点击其中一个图像时,fancybox会在它的位置放置一个空白的占位符div,导致所有图像在后台移动。当您关闭fancybox时,它会将其放回到显示无的页面上。

我最终只是屈服并放置了一个显示:阻止!重要的是我的标签,所以他们会回来,我将把一些我的图像大小的通用样式放到它抛出的愚蠢的空占位符上下来。

fancybox演示网站甚至没有这样的功能。它留下了一个包含图像的标签......有没有办法阻止fancybox这样做?

点击此处的“照片”标签获取实时示例。 删除链接。

1 个答案:

答案 0 :(得分:2)

如果您保留href属性为空,就像您一样:

<a rel="gallery" class="gallery" href=""><img src="../images/placeholder_prop.jpg"></a>

然后fancybox会将整个<a>标记视为目标内容,并将其作为inline内容移到框中(留下占位符)

您只需要使用目标href填充image属性,例如:

<a rel="gallery" class="gallery" href="../images/placeholder_prop.jpg"><img src="../images/placeholder_prop.jpg"></a>

因此,只显示此类目标image而不会弄乱您的HTML文档。