如何设置旋转图像?

时间:2011-07-09 21:13:01

标签: php javascript jquery html css

所以我一直在寻找一种旋转背景图像的方法,可能每7或8秒钟。问题是,我似乎不清楚我将如何使用PHP代码的JavaScript。我会把它放在标签下还是放在身体里?或者我将它上传到我的服务器?对不起,如果这看起来像一个基本问题,我只是一个乞丐。

还有什么是最好的代码?在您看来。

1 个答案:

答案 0 :(得分:3)

将所有图像上传到服务器上的每个图像上的文件夹中,编号为

/Images/BG/...

然后使用以下函数更改正文背景

var currentImageIndex = 0;
var maxImageIndex = 10;
setTimeout(function()
{
    currentImageIndex = currentImageIndex  + 1;
    if(currentImageIndex > maxImageIndex) currentImageIndex = 0;

    $(body).css("background-image", "/Images/BG/" + currentImageIndex + ".JPG");
}, 7000);

请记住默认使用0的图像作为背景图像(在CSS中)