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

使用每个函数循环项目，然后将它们推入数组

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

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

jQuery Backstretch - 使用images'src属性创建幻灯片

1 个答案: