jQuery Lightbox 或具有图像数组的等价物答案

【问题标题】：jQuery Lightbox or equivalent with image arrayjQuery Lightbox 或具有图像数组的等价物
【发布时间】：2009-08-03 18:03:50
【问题描述】：

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

有人知道解决方案或有任何指示吗？ TIA。

【问题讨论】：

标签： jquery lightbox

【解决方案1】：

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

演示here

$(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();
        }

【讨论】：

感谢 redsquare，您的解决方案完美运行，正是我想要的。干杯:)

【解决方案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;
  }

图像对象的 url 就地替换相当生硬，但写起来更短。

您的图像将在设置 src 属性时由浏览器加载，并且可以通过正常的 dom 操作附加到任何 html 容器。

HTH。

【讨论】：