Question

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

此代码来自我的“customize.css”文件。在我获得代码之后，我在“background-image：”中放入了什么来加载到页面？

#header { 颜色：#FFF; 身高：350px; 背景颜色：透明; background-image：我在这里放什么？; 背景位置：左上角; background-repeat：no-repeat; }

我在过去一周的论坛之后搜索了网络论坛以寻找答案，但尚未获得答案。有人有主意吗？感谢

Answer 1

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

现在，如果你进入100个不同的背景图像，你会想要做一些不同的事情。

Answer 2

查看此page

的随机图片标题

我正在使用指定类来更改background-position css属性。

Answer 3

如果是我，我会创建一个单独的Web服务来提供随机图像。我会使用PHP，但我认为你可以在ASP中完成它。

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

让服务随机选择其中一个图像，然后相应地返回。

Answer 4

在css中执行此操作的唯一方法是调用返回随机图像的URL。类似的东西：

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

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

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

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

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

4 个答案: