我正在使用shadowbox打开并显示比点击该图片更大版本的图片以启动插件。
一切正常......但是我的图像是动态的,因此我引用的图像源很容易从服务器中丢失。如果图像丢失,我的阴影框会打开叠加层并代替图像,它有一个1px x 1px的小占位符。我试图找出如何调整插件或指示它打开一个盒子,抛出一个类似于一个花哨的盒子的404错误消息。
我可以更改为fancybox但我的项目也使用shadowbox来弹出视频。那么我仍然需要为我的视频保留shadowbox,并使用fancybox为我的图像,这是不理想的。
我觉得很奇怪,没有人试图在之前向shadowbox添加404消息。
我无法发布测试链接,因为网址是安全的,并且附加了太多代码以将所有内容放入jsfiddle。
我有jquery 1.7.1& shadowbox 3.0.3插件附在我页面的头部,该插件名为:
<script type="text/javascript">
Shadowbox.init({
// skip the automatic setup again, we do this later manually
skipSetup: true
});
$(document).ready(function () {
// set up all anchor elements with a "shadowboxgallery" class to work with Shadowbox
Shadowbox.setup("a.shadowboxgallery", {
gallery: "Portfolio",
displayCounter: false
});
});
</script>
我的代码中的链接显示为:
<a class="shadowboxgallery" rel="shadowbox[Portfolio]" href="UrlToLargeImg"><img height="420" src="UrlToImg" alt="" /></a>
再一次,我的问题是&#34; UrlToLargeImg&#34;无法找到,shadowbox打开叠加层并代替图像,它有一个1px x 1px的小占位符。我试图找出如何调整插件或指示它打开一个盒子,抛出一个类似于一个花哨的盒子的404错误消息。
提前谢谢。