Javascript jquery不更改css背景图像属性

我试图做一个简单的幻灯片，改变css背景图像使用

小提琴：

var图像=[
"http://static1.squarespace.com/static/550b669de4b0d91b0f49935d/t/551b6575e4b0c2174c3a6f54/1427858806833/flowers.jpg?format=1500w",
"http://cimages.prvd.com/is/image/ProvideCommerce/PF_15_R105_MINIMAL_VA0211_W1_SQ?$PFCProductImage$“，
"http://media02.hongkiat.com/ww-flower-wallpapers/purplecrocus.jpg",
"http://www.ninthstreetflowers.com/smp/Smp1/images/flower4.jpg",
"http://magic-spells-and-potions.com/images/flower-language-vertical.png",
];
var i=0；
var div=$（'.header_summer'）；
$（文档）.ready（函数（）{
控制台日志（“已加载”）；
设置超时（回切，1000）；
});
函数转换（）{
i=i=+i%images.length；
如果（i>images.length）{
i=0；
}
log（'url（'+images[i]+'）不重复0；'；
css（'background'，'url（'+images[i]+'）不重复0；'）；
设置超时（回切，5000）；
}

.夏令营{
背景：url（'http://static1.squarespace.com/static/550b669de4b0d91b0f49935d/t/551b6575e4b0c2174c3a6f54/1427858806833/flowers.jpg?format=1500w'）不重复0；
背景尺寸：封面；
最小高度：920px；/*800px*/
}

检查选择器和范围

如果要以示例中提供的元素为目标，jQuery选择器应包含一个

，以指示目标元素的类为“header\u summer”：

另外，在您的

$（document）.ready（）{…}）之前声明它块将导致一些问题，因为jQuery当时不可用。考虑声明变量，然后将其设置在函数中：

var div;
$(document).ready(function(){
     div = $(".header_summer");
});

简化背景设置

目前，除了CSS调用中的
背景图像
，您还试图设置所有其他类型的属性。如果你想这样做，你应该考虑使用<代码>背景<代码>而不是<代码>背景图像< /代码>：

div.css("background", "url('" + images[i] + "') no-repeat 0px 0px");

或者，如果您使用的是
背景图像
，则只需设置背景：

div.css("background", "url('" + images[i] + "')");

将所有内容放在一起



.header\u summer{
背景：url（'http://static1.squarespace.com/static/550b669de4b0d91b0f49935d/t/551b6575e4b0c2174c3a6f54/1427858806833/flowers.jpg?format=1500w'）无重复0px 0px；
背景尺寸：封面；
最小高度：920px；
/*800px*/
}

花和东西。。。
//定义你的图像
变量图像=[
"http://static1.squarespace.com/static/550b669de4b0d91b0f49935d/t/551b6575e4b0c2174c3a6f54/1427858806833/flowers.jpg?format=1500w",
"http://cimages.prvd.com/is/image/ProvideCommerce/PF_15_R105_MINIMAL_VA0211_W1_SQ?$PFCProductImage$“，
"https://i.kinja-img.com/gawker-media/image/upload/s--8a-AXhau--/c_scale，fl_progressive，q_80，w_800/zec3un8rzcmbldlyswb.jpg“，
"http://media02.hongkiat.com/ww-flower-wallpapers/purplecrocus.jpg",
"http://www.ninthstreetflowers.com/smp/Smp1/images/flower4.jpg",
"http://magic-spells-and-potions.com/images/flower-language-vertical.png",
];
//定义你的变量
var i=0；
var-div；
$（函数（）{
//准备好你的潜水艇
div=$（'.header_summer'）；
控制台日志（“已加载”）；
设置超时（回切，1000）；
});
函数转换（）{
i=++i%images.length；
如果（i>images.length）{
i=0；
}
log（'url（'+images[i]+'”）；
css（'background-image'，'url（'“+images[i]+”）”）；
设置超时（回切，5000）；
}
检查选择器和范围

如果要以示例中提供的元素为目标，jQuery选择器应包含一个
，以指示目标元素的类为“header\u summer”：

另外，在您的
$（document）.ready（）{…}）之前声明它块将导致一些问题，因为jQuery当时不可用。考虑声明变量，然后将其设置在函数中：

var div;
$(document).ready(function(){
     div = $(".header_summer");
});

简化背景设置

目前，除了CSS调用中的
背景图像
，您还试图设置所有其他类型的属性。如果你想这样做，你应该考虑使用<代码>背景<代码>而不是<代码>背景图像< /代码>：

div.css("background", "url('" + images[i] + "') no-repeat 0px 0px");

或者，如果您使用的是
背景图像
，则只需设置背景：

div.css("background", "url('" + images[i] + "')");

将所有内容放在一起



.header\u summer{
背景：url（'http://static1.squarespace.com/static/550b669de4b0d91b0f49935d/t/551b6575e4b0c2174c3a6f54/1427858806833/flowers.jpg?format=1500w'）无重复0px 0px；
背景尺寸：封面；
最小高度：920px；
/*800px*/
}

花和东西。。。
//定义你的图像
变量图像=[
"http://static1.squarespace.com/static/550b669de4b0d91b0f49935d/t/551b6575e4b0c2174c3a6f54/1427858806833/flowers.jpg?format=1500w",
"http://cimages.prvd.com/is/image/ProvideCommerce/PF_15_R105_MINIMAL_VA0211_W1_SQ?$PFCProductImage$“，
"https://i.kinja-img.com/gawker-media/image/upload/s--8a-AXhau--/c_scale，fl_progressive，q_80，w_800/zec3un8rzcmbldlyswb.jpg“，
"http://media02.hongkiat.com/ww-flower-wallpapers/purplecrocus.jpg",
"http://www.ninthstreetflowers.com/smp/Smp1/images/flower4.jpg",
"http://magic-spells-and-potions.com/images/flower-language-vertical.png",
];
//定义你的变量
var i=0；
var-div；
$（函数（）{
//准备好你的潜水艇
div=$（'.header_summer'）；
控制台日志（“已加载”）；
设置超时（回切，1000）；
});
函数转换（）{
i=++i%images.length；
如果（i>images.length）{
i=0；
}
console.log（'url
.header_summer {
    width: 100%;
    height: 100%;
    position: absolute;
}

div.css('background-image', 'url(' + images[i] + ')').css('background-repeat','no-repeat').css('background-position','left top');

 div.css('background', 'url(' + images[i]  + ') no-repeat 0px 0px');