0

我已经尝试过此操作以更改网站的背景图片，但不幸的是它无法正常工作。可悲的是，控制台没有给我任何关于出了什么问题的线索。所以我已经没有想法了。希望有人能帮忙。我要做的是根据一组图像旋转网站背景上的图像。我不知道它为什么不起作用（也许背景的封面属性妨碍了？）。我已经花了好几个小时来处理这个问题并更改代码以便它可以工作。首先，我没有使用 new Image() 构造函数填充数组，然后我认为应该修复它，否则浏览器可能没有 dom 节点可以使用。但我还是被困住了。（大部分代码都基于这个网站上的答案，

$(document).ready(function() {
fondos = new Array('/Foto_Pimend/activos/flickr_foto_fondo_1.jpg',     '/Foto_Pimend/activos/flickr_foto_fondo_2.jpg',     '/Foto_Pimend/activos/flickr_foto_fondo_3.jpg');
cargar_fondos=new Array();
fondo_num = 1;
var i;
for(i=0; i<fondos.length; i++) {
cargar_fondos[i]=new Image();
cargar_fondos[i].src=fondos[i]; 
}
function rotarFondos() {
$('.fondo_intro').css({'background':'url("'+cargar_fondos[fondo_num++     %cargar_fondos.length].src+'") no-repeat 50% 100% cover'},'slow');
}
intId=setTimeout(rotarFondos, 10000);
});

我试图以编程方式更改的 div 具有这种风格：

.fondo_intro {background: url(/Foto_Pimend/activos/flickr_foto_fondo_1.jpg) no-repeat;     width:100%; background-size:cover; background-position:50% 100%;position:fixed;     height:100%;}

我还尝试将该函数链接到用于更改内容的单击事件，如下所示：

$('.link_manejador').click(function() {
var content = $(this).attr('name')+'_template';
llamada_contenido(content); rotarFondos();  
});

这样，我将根据内容改变背景，而不是旋转背景。但它也不起作用，更令人沮丧的是，控制台没有显示任何错误或提示正在发生的事情。我可以看到正在创建的图像和计数器（即 fondo_num）递增，但没有任何反应。更重要的是：当我在控制台上发布时：

$('.fondo_intro').css({'background-  image':'url(/Foto_Pimend/activos/flickr_foto_fondo_2.jpg'},'slow')

什么都没发生。所以我不是很清楚。

4

1 回答 1

1

从这行代码中删除“cover”：

$('.fondo_intro').css({'background':'url("'+cargar_fondos[fondo_num++ %cargar_fondos.length].src+'") no-repeat 50% 100% cover '},'slow');

于 2013-08-09T03:34:46.907 回答