php - 如何设置旋转图像?

标签 php javascript jquery html css

所以我一直在寻找一种方法来旋转我的背景图像,大概每 7 或 8 秒旋转一次。问题是,在我看来,我不清楚如何使用 php 代码的 javascript。我会把它放在标签下还是放在 body 里?还是我上传到我的服务器?抱歉,如果这看起来像是一个基本问题,我只是个初学者。

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

最佳答案

将所有图片上传到服务器上的一个文件夹中,每张图片都有一个数字作为文件编号

/Images/BG/...

然后使用下面的函数来改变body的背景

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 中)

关于php - 如何设置旋转图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6637499/

相关文章:

php - Symfony KNP Snappy bundle : PDF does not load css file

javascript - 想在通过追加按钮创建字段时提交表单元素

PHP: AutoLoader 是否能够在单个 php 文件中加载多个类?

javascript - CSS Flexbox 浏览器兼容性问题

jquery - 在 Internet Explorer 中动态设置高度会转换为高度 : auto

javascript - getViewportHeight() 导致只有一 block 视口(viewport)

Php 套接字、Apache 和 CentOS 6.3 给出权限被拒绝

Javascript - 如何将原始对象传递给回调函数

javascript - 为什么匿名函数在 Javascript 中对我不起作用?

javascript - 遍历 ajax 调用的最佳方法是什么