FancyBox 在点击后不显示图像答案

【问题标题】：FancyBox not showing the image once clicked onFancyBox 在点击后不显示图像
【发布时间】：2014-07-07 18:24:54
【问题描述】：

我正在使用 FancyBox 插件为我的图像获取一个不错的图库查看器。我的索引页面上显示了图像，但是当我单击它们时，fancybox 会显示所需图像的正确尺寸，但没有图像。甚至没有损坏的图像路径符号，只是一个空白，就好像它的显示被简单地关闭了一样。我的html如下，

<a class="fancybox" rel="fancybox-thumb" href="unveil1.jpg" title="Title">
    <img src="img/loading.gif" data-src="unveil1.jpg"/>
</a> 
<a class="fancybox" rel="fancybox-thumb" href="img/unveil2.jpg" title="Title">
    <img src="img/loading.gif" data-src="img/unveil2.jpg"/>
 </a>

虽然我的 js 是：

$(document).ready(function() {
 $(".fancybox").fancybox({
    prevEffect  : 'none',
    nextEffect  : 'none',
    helpers : {
        title   : {
            type: 'outside'
        }

    }
 });

 $("img").unveil(200, function() {
    $(this).load(function() {
        this.style.opacity = 1;
    });
 });
});

您可以忽略揭开插件，它所做的只是延迟加载图像，我已经尝试将其取出，但我仍然遇到同样的问题。如果 JSFiddles 外部库我有麻烦，所以这里是 link to my dropbox

谢谢你们！

【问题讨论】：

尝试将 main.js 移到 head 部分的末尾
@jtorrescr 无济于事，不过感谢您的建议，我知道过去对我有用，我将交换一些东西，看看是否会产生任何结果

标签： javascript jquery html fancybox

【解决方案1】：

找出问题所在。我正在使用揭幕设置过渡，从不透明度 0 开始并从那里过渡。这是在单击时将我的图像设置为不过渡并保持不透明度为 0！

【讨论】：