光盒图片集补遗

2010-08-16 20:41

光盒(自译,原文是lightbox)是一款不可多得的Javascript图片展示库,用起来方便快捷,得心应手。但在使用过程中,发现图片集功能的“上/下一副”图片无法显示,网络上搜不得解决办法,于是作此文。

光盒

光盒

调用光盒的办法非常简单,按照说明来自然水到渠成。重点是,我们并不会把图片放在默认的images文件夹,故改动位置后,js文件夹下的lightbox.js文件里的

var fileLoadingImage = "images/loading.gif";
var fileBottomNavCloseImage = "images/closelabel.gif";

路径也会做相应的调整。

这时,如果激活“图片集”的显示效果,则无法显示“上/下一副”的图片。究其原因,很简单,没有定义“prevlabel.gif”和“nexlabel.gif”的位置。这两幅图片的路径并不在lightbox.js里,而是在css文件夹下的lightbox.css里。


#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

因此,只要同时改动样式表里的文件,便不会丢失prev和next图片。

参考资料

01 蓝色理想 《光盒 2.02版》 http://www.blueidea.com/download/product/2006/3904.asp

1 条评论 / 引用:

  1. 光盒图片集补遗:

    […] var fileLoadingImage = "images/loading.gif"; var fil更多… View full post on 时光立方 […]

评论

《对话守则》第一条:对话的目的是寻求真理。

以下选填: