0

我正在使用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});

谢谢!

4

1 回答 1

0

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

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

      $.backstretch(list, {centeredX:true, centeredY:true}) ;
于 2013-07-30T12:44:25.387 回答