Question

灯箱弹出，但不加载图像。我从Gallerific插件和jQuery灯箱一起攻击了整个画廊。

我尝试将其添加到Gallerific插件中但收效甚微：

            onTransitionIn: function() {
    $('#slideshow').fadeTo('fast', 1.0);
    $('#slideshow span.image-wrapper').fadeTo('fast', 1.0);
    $('#slideshow').fadeTo('fast', 1.0);
    $('#slideshow span.image-caption').fadeTo('fast', 1.0);
    $('#slideshow').fadeIn('fast', function() {
        $('a.lightbox').lightBox();
    });
},

http://lytesting.com/mdh/templates/mdh/gallery.html

Answer 1

对我来说很好看。我看到了图像。动画有点不稳定，标题重复，但图像出现。

Answer 2

问题是您指向链接中的#hash_fragment。如果您将它们指向实际的图像源，它将加载到灯箱中。

Lightbox试图不引人注意并使用优雅降级，因此直接链接到图像也是一个好主意 - 所以你的页面仍然可以在没有javascript的情况下运行。

可能有方法使用#hash链接配置它，但通过使用Firebug测试上述解决方案，它在FF4中适用于我。

<div class="slideshow" id="slideshow">
    <span class="image-wrapper current">
        <a href="{YOUR_IMAGE_URL}" class="lightbox"> <!-- Instead of #2, etc. -->
            &nbsp;<img alt="Title #0" src="images2/art.jpg">
        </a>
    </span>
</div>

灯箱加载，但图像不是

2 个答案: