我正在尝试实现一个Lightbox http://leandrovieira.com/projects/jquery/lightbox/- 样式库,其中单击文本链接会启动从数组加载的图像幻灯片,而不是从页面上的内联内容加载。我能找到的所有示例都使用一组以某种方式相关的内联图像(即使用 rel 标签或类)。我想使用 Javascript 数组中的路径来定义图像。
有人知道解决方案或有任何指示吗? TIA。
以下适用于您可以从插件网站下载的示例。
Demo here http://redsquare.gogo2.co.cc/lb/
$(function() {
$('#testLink').click( dynamicLightBoxinit );
});
function dynamicLightBoxinit(){
images = ["photos/image1.jpg", "photos/image2.jpg","photos/image3.jpg","photos/image4.jpg","photos/image5.jpg"];
var imageBuilder='';
for (var i = 0; i < images.length; i++) {
imageBuilder += '<a href="'+images[i]+'"><img src="';
imageBuilder += images[i];
imageBuilder += '" \></a>';
}
var lb = $(imageBuilder);
lb.lightBox();
lb.filter('a:first').click();
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)