停止fancybox在图库中的图像上使用empy占位符？

Question

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

我最终刚刚塌下来，放了一块显示器：block！对我的一个标签很重要，所以他们会回来，我将把一些通用样式放在愚蠢的空占位符上抛下。

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

单击此处的“照片”标签查看实例。 删除的链接。

Answer 1

如果离开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文档搞乱显示。