Javascript Fancybox中没有显示图像

我很难让fancybox在我正在构建的网站上显示相应的图像。这是我在WordPress平台上设置的自定义单页公文包主题

如果您按照“事件”部分的链接进行操作，您将在类似图库的位置看到1个人物项目。我将此图像设置为fancybox库，但当您单击它时，它会打开fancybox界面，但不会将图像放置在框架中，即使它应该这样做。所以这就是问题所在…图像不会显示在fancybox中，相反，我只看到了帧

以下是我正在显示的html：

<figure>
<a class="fancybox" data-fancybox-type="Fashion Show de Paris, France" href="http://www.nomadicdrift.com/test/kaniwa/wp-content/uploads/2012/07/NM2.jpg">
<img class="attachment-evento wp-post-image" width="231" height="191" title="NM" alt="NM" src="http://www.nomadicdrift.com/test/kaniwa/wp-content/uploads/2012/07/NM2-231x191.jpg">
</a>
<figcaption>
<a class="fancybox" data-fancybox-type="Fashion Show de Paris, France" href="http://www.nomadicdrift.com/test/kaniwa/wp-content/uploads/2012/07/CEDESAN.jpg">   </a>
<h4>Fashion Show de Paris, France</h4>
</figcaption>
</figure>

法国巴黎时装秀

我不会让你厌烦我用来获取输出的PHP，因为我认为问题出在别处

***我也曾试图在网站上建立一个简单的标准fancybox图库，但它也给了我同样的问题，让我相信这个问题比html标记更深。我还成功地将相同的标记用于另一个站点上的一个缩略图fancybox库

我想可能是因为我正在使用的.js文件中存在一些冲突。我试着一个接一个地卸载我所有的插件/插件（它们并不太多），结果仍然是一样的。我所有的个人javascript都在functions.js文件中，在这里我使用标准的

$（“a.fancybox”）.fancybox（）调用fancybox插件

我以前在其他网站上安装过这个插件，并广泛搜索过答案，所以非常感谢您的帮助

谢谢，
肖恩，你能试试吗

<figure>
   <a class="fancybox" data-fancybox-type="Fashion Show de Paris, France" href="http://www.nomadicdrift.com/test/kaniwa/wp-content/uploads/2012/07/NM2.jpg">
      <img class="attachment-evento wp-post-image" width="231" height="191" title="NM" alt="NM" src="http://www.nomadicdrift.com/test/kaniwa/wp-content/uploads/2012/07/NM2-231x191.jpg">
   </a>
   <figcaption>
      <h4>Fashion Show de Paris, France</h4>
   </figcaption>
</figure>


法国巴黎时装秀

应该只留下一个，删除孤立的：

<a class="fancybox" data-fancybox-type="Fashion Show de Paris, France" href="http://www.nomadicdrift.com/test/kaniwa/wp-content/uploads/2012/07/CEDESAN.jpg">   </a>

好吧，对于fancybox来说，您的代码在语义上似乎是正确的，但事实并非如此。您遇到的问题是，fancybox使用
数据fancybox type
属性来确定它应该打开的内容类型（在您的例子中是一个图像库），但是“法国巴黎时装秀”没有对fancybox说任何话，因此内容的
类型
未知或未定义，因此出现了空框

该属性的有效选项应该是
image
、
iframe
、
ajax
、
html
或
inline

也许你是想使用
数据fancybox group=“gallery\u name\u here”
。查看更多信息

您可以尝试删除
数据fancybox类型
属性（为fancybox保留）-或-将其重命名为

data-description="Fashion Show de Paris, France"

。。。供您自己使用，因此不会与fancybox冲突

顺便说一句，你的另一个问题是你的头（
#头
）的
z-index
）比fancybox
z-index
（默认为8010左右）高（9998），所以我建议你降低
头的
z-index
，否则，fancybox关闭按钮将置于其后面

Saludos a la tierra del buen咖啡馆。
这将基本上消除我对画廊的第二个印象。我正在从一个缩略图建立一个图库。这就解释了标记。我已经建立了另一个语义完全相同的网站，但出于某种原因，它可以正常工作。这正是让我困惑的地方。正如我在下面解释的，我相信我的代码在语义上对于从1缩略图设置的fancybox库是正确的。你上面给我的代码仍然没有图像问题。有关更多信息，请参阅此链接：。我认为问题出在别处。谢谢，非常感谢你，肯尼迪。。。塞拉伦卡酒店。我的问题就是这个。我使用了一个属性“datafancyboxtype”而不是“datafancyboxgroup”。总是那些小错误让你抓狂。我本可以花上无数的时间来想办法解决这个问题。现在，我们来看看如何防止fancybox在打开时将我带到页面顶部。