繁体   English   中英

用jQuery加载一组图像

[英]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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM