页面刷新上的随机标题图像，CSS jquery javascript？答案

【问题标题】：Random Header image on Page Refresh, CSS jquery javascript?页面刷新上的随机标题图像，CSS jquery javascript？
【发布时间】：2011-02-03 15:05:36
【问题描述】：

我需要帮助来查找我的网页的代码。我有一个“customize.css”页面，其中包含用于加载标题图像的代码。但是标题加载在“header.asp”上，然后加载到索引页面“default.asp”上。我想我的问题是我可以使用什么来生成我创建的四个标题图像之一，在每个页面上随机重新加载/刷新标题？

此代码来自我的“customize.css”文件。获取代码后，我在“背景图像：”中放入什么以使其加载到页面？

#标题{ 颜色：#FFF；高度：350px；背景颜色：透明； background-image: 我在这里放什么？; 背景位置：左上角；背景重复：不重复； }

过去一周我在网上论坛一个又一个论坛寻找答案，但还没有得到答案。有人有想法么？谢谢

【问题讨论】：

标签： javascript css image random asp-classic

【解决方案1】：

我会很简单。定义 4 个不同的类，每个类都有不同的背景图像。在您的标头 ASP 脚本中，随机选择 4 个类之一，然后将该类输出到您的代码中。这很简单，图像将在显示时缓存，并且由于您避免使用 JavaScript，它适用于 100% 的浏览器/用户。对于一个小项目，很容易维护。

现在，如果您使用 100 张不同的背景图片，您会想要做一些不同的事情。

【讨论】：

我该怎么做呢？能举个例子吗？
对不起，我不会说 ASP。伪代码（如果你可以这么称呼的话）是我能为你做的最好的。
感谢您的建议。这绝对看起来是在正确的方向上几英尺。

【解决方案2】：

如果是我，我会创建一个单独的 Web 服务来提供随机图像。我会使用 PHP，但我假设你可以在 ASP 中做到这一点）。

#header { 
    background-image: url(/yourWebService.asp);
}

让服务随机选择一张图片，并相应地返回。

【讨论】：

你能举个例子吗？
不在 asp 中，没有。关心 PHP 示例？

【解决方案3】：

在 css 中这样做的唯一方法是调用返回随机图像的 URL。比如：

#header { color: #FFF; height: 350px; background-color: transparent; background-image: "/loadimage"; background-position: left top; background-repeat: no-repeat; }

但是您必须在 /loadimage 处编写一个返回图像的服务。

通过 javascript 在页面加载时更改图像会更容易。假设您在 images 目录中有图像 img0.jpg、img1.jpg、img2.jpg 和 img3.jpg，您可以这样做：你可以这样做：

<body onload="document.body.background = '/images/img'+Math.floor(Math.random()*4)+'.jpg';" />

【讨论】：

【解决方案4】：

查看这个page的随机图片头

我正在使用指定类来更改背景位置 css 属性。

【讨论】：