我们目前在我们的网站(www.teesaw.com)使用高滑道画廊。该画廊由许多外部来源托管的图像组成。有时,我们的PHP脚本会引入对不存在(或被用户的Web过滤器阻止)的图像的引用,这会导致链接断开。
当使用滑块在图像之间移动时,当下一个图像是断开的链接时,它将卡在“加载”部分上。有没有办法让highslide检测到并自动跳过它?
请帮忙!谢谢:))
答案 0 :(得分:1)
这可以通过修改highslide-full.js本身的代码,并在你的网站上调用一些默认图像的例程(如某种类型的“oops!”图像)来处理,如果加载时间出。查看旧的Highslide论坛:
http://highslide.com/forum/viewtopic.php?f=1&t=16664&p=69519
答案 1 :(得分:1)
还有这个解决方案,看起来很简单:
http://roadrash.no/hs-support/handle-missing-images.html
您只需将此代码放在第1266行之后的highslide-with-gallery.js中 (或在highslide-full.js的第1473行之后):
img.onerror = function () {
setTimeout(function () {
img.src = hs.graphicsDir + 'no-image.png';
if (hs.ie) { // FIX FOR IE9
img.width = img.naturalWidth;
img.height = img.naturalHeight;
}
}, 1000);
};