![](/img/trans.png)
[英]Do an jquery/javascript action after loading set of CSS background images
[英]Loading in a set of images with Jquery
我在jquery中有一个图像数组,当用户单击特定框时,我试图将它们加载到一系列div中。 在我的本地主机上,一切正常,但是当我上网时。 真的很奇怪。
我尝试加载的url被分为每个单独的字符,并为每个字母创建了单独的div ...?
这是用于创建div并为其签名的背景图像的代码。
for (var i = 0, len = images[index].length; i < len; i++){
$('#project_display #slides .slides_container').append($('<div></div>'))
$('#project_display #slides .slides_container div').eq(i).css('background','url(' + images[index][i] +') center center no-repeat');
}
图像包含其他图像的数组。 任何帮助都将如此巨大!
谢谢!
更新
这是图像和另一个数组创建:
`var circus = new Array(); circus [0] ='images / projects / circus1.jpg'; 马戏团1 ='images / projects / circus2.jpg'; circus [2] ='images / projects / circus3.jpg'; circus [3] ='images / projects / circus4.jpg'; circus [4] ='images / projects / circus5.jpg';
var images = new Array(); images [0] ='images / projects / radioshack_899.jpg'; 图片1 = radioImages; images [2] =矮人;
images [3] =矮人;
images [4] =马戏团; `
不了解更多内容很难说,但您要么在for循环中做错了事,要么在url(' + images[index][i] +')
中做错了事。
是否确定images.length
不是for循环中要查找的内容,并且有什么告诉我您应该删除url()中的[i]
,例如: url(' + images[index] +')
也许应该是这样的:
for (var i = 0; i < images.length; i++){
$('<div></div>').css('background','url(' + images[i] +') center center no-repeat')
.appendTo($('#project_display #slides .slides_container'));
}
而且,如果可能,您应该尝试缩短这些选择器。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.