jQuery Lightbox 或具有图像数组的等效项

Question

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

有人知道解决办法或有任何指示吗？ TIA。

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