我们目前正在网站上使用全屏图片幻灯片,初步测试有效,下面的代码显示了这是如何工作的:
$.vegas( 'slideshow' , {
backgrounds:[
{ src:'/uploads/images/1397/lmwp_02.jpg', fade:1000 },
{ src:'/uploads/images/1397/lmwp_03.jpg', fade:1000 },
{ src:'/uploads/images/1397/lmwp_04.jpg', fade:1000 }
]
})('overlay');
我们想要做的是从CSM动态编写图像。我现在正在做的就是吐出这样一个简单的列表:
<ul id="homeSlides">
<li><a href="/uploads/images/001.jpg">001</a></li>
<li><a href="/uploads/images/002.jpg">002</a></li>
</ul>
我们需要做的是获取此图像列表并将其注入$ .vegas背景:[]函数列表...
我已经尝试了下面的代码并且可以获取图像列表,但我不确定如何将其添加到$ .vegas函数中:
var homeImgURLs = [];
$('#homeSlides li a').each(function(index) {
homeImgURLs.push('{ src:' + $(this).attr('href') + ', fade:1000}');
});
因此这里的帖子。非常感谢任何帮助。
答案 0 :(得分:3)
这样的事情应该做到这一点:
var homeImgURLs = [];
$('#homeSlides li a').each(function(index) {
homeImgURLs.push({
src: $(this).attr('href'),
fade: 1000
});
});
$.vegas( 'slideshow' , {
backgrounds: homeImgURLs
})('overlay');
在您的示例中,当您想要推送对象时,您正在将字符串推入homeImgURLs
数组。