CSS - 旋转背景图像

Question

我有一个使用背景图片的CSS样式（代码：background-image: url("folderimage.jpg");）。有没有办法使用jQuery / CSS在多个CSS背景图像之间旋转？ （请提供一个例子）。

Answer 1

这种东西可以工作我没有测试代码，但想法是有一个五个图像的数组，并在超时时更改它们。如果你需要，我可以解释你的代码。

var theImages = new Array(); 

theImages[0] = '1.gif' 
theImages[1] = '2.gif' 
theImages[2] = '3.gif' 
theImages[3] = '4.gif' 
theImages[4] = '5.gif' 

function changeBGImage(){
var whichImage = Math.round(Math.random()*(p-1));
jQuery('#elementHavingProperty').css('background-image','url('+theImages[whichImage+'])');

} 


movement = setTimeout("changeBGImage()",1000000);

Answer 2

也许是主题。但是你可以查看我的代码，看看我如何旋转页面上的所有内容。

My web page