jquery - jQuery Backstretch - 使用图像的 src 属性创建幻灯片

Question

我正在使用jQuery Backstretch的幻灯片功能。我将在多个页面上使用它，所有页面都有不同的图像集。我认为查看包装元素中的图像，获取 src 属性，然后将它们插入到$.backstretch()函数中会更有意义。

我从来都不擅长数组，但我想这就是我需要创建的东西才能让它工作。

如果您只使用一个图像，我已经找到了一个如何完成此操作的示例，但我想使用两个或更多，以便我可以利用幻灯片功能。

这是一个示例，说明如何仅使用一张图像即可完成：

html

<img src="/media/img/test.jpg" id="bgimg" />

js

var imgObj = $("#bgimg");
var imgSrc = imgObj.attr("src");
imgObj.remove(); //remove original image from dom

$.backstretch(imgSrc, {centeredX:true, centeredY:true});

谢谢！

Answer 1

使用 each 函数循环项目，然后将它们推送到数组中

var list = new Array() ;
      $('OBJECT PATH').each(function(){
        list.push($(this).attr("src"));
        $(this).remove();
      });

      $.backstretch(list, {centeredX:true, centeredY:true}) ;