灯箱加载，但图像不是

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

我曾尝试，但收效甚微加入这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

来源

2011-06-16 MSD

您正在使用哪种浏览器？ – yitwail 2011-06-16 03:21:24

问题是您在链接中指向#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>

来源

2011-06-16 03:50:44

看起来好像没什么问题。我看到了图像。动画有点波动，标题重复，但图像出现。

来源

2011-06-16 03:40:37 user800748

这是我第一次想到的，但点击图片后，它加载页面内打开“灯箱”，没有加载。 – 2011-06-16 03:46:37

灯箱加载，但图像不是

回答

相关问题