jQuery Lightbox或与图像数组等效的

我正在尝试实现一个Lightbox风格的图库，其中单击文本链接会启动从arrays加载的图像的幻灯片，而不是页面上的内联内容。 我可以找到的所有示例都使用一组以某种方式相关的内联图像（即使用rel标签或类）。 我想在Javascript数组中使用它们的路径来定义我的图像。

任何人都知道解决方案或有任何指针？ TIA。

Answer 1

以下适用于您可以从插件站点下载的示例。

在这里演示

$(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 += ''; } var lb = $(imageBuilder); lb.lightBox(); lb.filter('a:first').click(); } 

Answer 2

我不确定你到底想要什么，但这是你要找的东西吗？

 images = ["path1.jpg", "path2.jpg"]; for (var i = 0; i < images.length; i++) { var img = new Image(); img.src = images[i]; images[i] = img; } 

相当直接的原位替换为Image对象的url，但写入时间更短。

设置src-attribute时，浏览器将加载您的图像，并且可以按照正常的dom-operations附加到任何html容器。

HTH。