我无法让 fancybox 在我正在构建的网站上显示其相应的图像 http://www.nomadicdrift.com/test/kaniwa#events。这是我在 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 文件中的一些冲突。我尝试一一卸载我所有的插件/插件(不是太多),但仍然有相同的结果。我在 functions.js 文件中有我所有的个人 javascript,这是我使用标准 .js 调用 fancybox 插件的地方$("a.fancybox").fancybox();
。
我以前在其他网站上安装过这个插件,并广泛搜索了答案,所以非常感谢任何帮助。
谢谢,肖恩