后台切换页面加载答案

【问题标题】：background switch page load后台切换页面加载
【发布时间】：2010-10-25 14:27:09
【问题描述】：

我已经看到了很多基于链接类的不同背景切换，但是我只希望在任何页面加载时都有一个简单的背景切换器（没有 cookie），而不是依赖于链接。

有什么简单的方法吗？ jQuery？

【问题讨论】：

后台切换是什么意思？
页面背景图片切换我相信。

标签： jquery background switch-statement

【解决方案1】：

正在寻找 javascript timers？

例子：

setInterval("switchBackground()", 1000);

function switchBackground( )
{
   $("body").css("backgroundImage", "xxx");
}

希望对你有所帮助！

编辑：

在开始时生成随机背景：

$(document).ready(function() {
   //This will be random from bg1.jpg to bg10.jpg
   $("body").css("backgroundImage", "/images/bg"+GenerateNumber(10)+".jpg");

   //1 to max
   function GenerateNumber(max) {
      return Math.floor(Math.random()*max) + 1;
   }
});

【讨论】：

这正是我要做的，也许存储间隔的实例以允许它被取消。 (+1)
这是正确的 - 但是，我认为我不需要间隔。我只想在页面加载时加载随机的正文背景。
啊，我误解了你的问题。我希望新的编辑更好！
非常感谢@Mouhannad - 另外，如果我为图像添加一个类（用于 100% 背景填充）会产生任何问题吗？
好的，我尝试在图像中添加 class="background-full"，然后在 css 中添加一个 body 类 - body.background-full { width: 100%;位置：绝对；顶部：0；左：0；

【解决方案2】：

Mouhannad 提供的随机背景图像代码对我不起作用，我必须进行一些小的编辑才能使其正常工作：

$(document).ready(function() {
   //This will be random from bg1.jpg to bg10.jpg
   $("body").css("background-image", "url(/images/bg"+GenerateNumber(10)+".jpg)");

   //1 to max
   function GenerateNumber(max) {
      return Math.floor(Math.random()*max) + 1;
   }
});

我需要将“backgroundImage”声明更改为“background-image”，并将“url()”添加到图像路径中。 JavaScript 对 CSS 属性使用 CamelCase 表示法，而 jQuery 没有。

【讨论】：