我想像HTML一样从CSS中更改CSS中的图像 [英] I want to change the image in CSS from HTML like a gallery

问题描述

这是html代码：

this is the html code :

<div class="Winter">

</div>

现在我还没有得到背景图片。





这是css代码：

right now i have not get background image.


this is the css code :

.Winter{
	background: no-repeat center bottom scroll;
	background-image:;	
	width:410px;
	height:410px;
	float:left;
	margin-top:20px;
	margin-left:5px;
}

i不设置backgourd图像，因为我在此用它来改变背景：



< script src =http://code.jquery.com/jquery-1.11.0.min.js>

$ （文件）.ready（function（）{

var Winter = $（'body'）;



var backgrounds = new Array（

，'url（img / winter / earwarmers / 9.jpg）'

，'url（img / winter / hats / 7.jpg）'

，'url（img / winter / jacket / 4.jpg）'

）;



var current = 0;



函数nextBackground（）{

当前++;

current =当前％backgrounds.length;

Winter.css（'background-image'，背景[当前]）;

}

setInterval（nextBackground，1000）;



Winter.css（'b ackground-image'，背景[0]）;

}）;

< / script>



现在我问这个：



i没有背景图片

但是我想要背景图片所以如何从html更改背景图片在css页面中它改变的页面？



我怎样才能在javascript或jquery中循环播放图像？



帮帮我PLZ



我尝试过：



i尝试将div类更改为id并按元素id设置get但是noyhing更改

i dont set a backgourd image because i use in this to change the background :

<script src="http://code.jquery.com/jquery-1.11.0.min.js">
$(document).ready(function(){
var Winter = $('body');

var backgrounds = new Array(
, 'url(img/winter/earwarmers/9.jpg)'
, 'url(img/winter/hats/7.jpg)'
, 'url(img/winter/jacket/4.jpg)'
);

var current = 0;

function nextBackground() {
current++;
current = current % backgrounds.length;
Winter.css('background-image', backgrounds[current]);
}
setInterval(nextBackground, 1000);

Winter.css('background-image', backgrounds[0]);
});
</script>

now i ask this :

i dont have background image
but i want background image so how can i change the background image from the html page that in the css page it change?

and how can i do that thr image go in loop in javascript or jquery?

help me plz

What I have tried:

i try to change the div class to id and set get by element id but noyhing change

推荐答案

（document）.ready（function（）{

var Winter =

(document).ready(function(){
var Winter =

（'body'）;



var backgrounds = new Array（

，'url（img / winter / earwarmers / 9.jpg）'

，'url（img / winter / hats / 7.jpg）'

，'url（img / winter / jacket / 4.jpg）'

）;



var current = 0;



函数nextBackground（）{

当前++;

current = current％backgrounds.length;

Winter.css（'background-image'，背景[当前]）;

}

setInterval（nextBackground，1000）;



Winter.css（'background-image'，backgrounds [0]）;

}）;

< ; / script>



现在我问这个：



i没有背景图片

，但我想要背景图片，那么如何更改css页面中更改的html页面中的背景图片呢？



我该怎么办？ thr图像在javascript或jquery中循环播放？



帮助我PLZ



我是什么尝试过：



i尝试将div类更改为id并按元素id设置get但是noyhing更改

('body');

var backgrounds = new Array(
, 'url(img/winter/earwarmers/9.jpg)'
, 'url(img/winter/hats/7.jpg)'
, 'url(img/winter/jacket/4.jpg)'
);

var current = 0;

function nextBackground() {
current++;
current = current % backgrounds.length;
Winter.css('background-image', backgrounds[current]);
}
setInterval(nextBackground, 1000);

Winter.css('background-image', backgrounds[0]);
});
</script>

now i ask this :

i dont have background image
but i want background image so how can i change the background image from the html page that in the css page it change?

and how can i do that thr image go in loop in javascript or jquery?

help me plz

What I have tried:

i try to change the div class to id and set get by element id but noyhing change

这篇关于我想像HTML一样从CSS中更改CSS中的图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！