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