Javascript 超大-动态加载图像
好的,我在页面上有一个js脚本调用这个:Javascript 超大-动态加载图像,javascript,jquery,supersized,Javascript,Jquery,Supersized,好的,我在页面上有一个js脚本调用这个: function loadTheseimages(slideList) { jQuery(function($){ var slideIterate = []; var slidesObj = new Object; slideIterate = slideList.split(',');
function loadTheseimages(slideList) {
jQuery(function($){
var slideIterate = [];
var slidesObj = new Object;
slideIterate = slideList.split(',');
$.each(slideIterate, function(key, value) {
slidesObj += '{image: "' + value + '"}';
});
$.supersized({
// Functionality
slide_interval : 3000, // Length between transitions
transition : 1, // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
transition_speed : 700, // Speed of transition
// Components
slide_links : 'blank', // Individual links for each slide (Options: false, 'num', 'name', 'blank')
slides : [ // Slideshow Images
slidesObj
]
});
});
}
调用上述函数的脚本将通过
"http://cliffside.ca/wp-content/uploads/2012/06/cliff-side-nightsky.jpeg, http://cliffside.ca/wp-content/uploads/2012/05/Sunset.jpg, http://cliffside.ca/wp-content/uploads/2012/05/Relaxing-Room.jpg"
为什么它不起作用
为了澄清,必须传递给supersized的对象必须按如下方式构建:
var slidesObj = new Array;
$.each( data, function( key, value ) {
var slide = new Object;
slide = {image:value };
slidesObj.push(slide);
});
在调用supersized时,只需输入以下内容:
slides : slidesObj,
这是第三方js库,是吗?如果有,请阅读文档。我猜你把图像传错了。这将有帮助:nvrthless:感谢您的评论-我已经读过了-无法传递/更改DOM加载后的图像。我相信它会贯穿整个API文档。