Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
页面刷新时的随机标题图像,CSS jquery javascript?_Javascript_Css_Image_Random_Asp Classic - Fatal编程技术网

页面刷新时的随机标题图像,CSS jquery javascript?

页面刷新时的随机标题图像,CSS jquery javascript?,javascript,css,image,random,asp-classic,Javascript,Css,Image,Random,Asp Classic,我需要帮助找到我的网页代码。我有一个“customize.css”页面,其中有用于加载标题图像的代码。但是标题加载到“header.asp”上,然后加载到索引页“default.asp”上。我想我的问题是,我可以使用什么来生成我创建的四个标题图像中的一个,在每个页面上随机为标题重新加载/刷新 这段代码来自我的“customize.css”文件。在我得到代码后,我应该在“背景图像:”中添加什么内容才能将其加载到页面 #标题{ 颜色:#FFF; 高度:350px; 背景色:透明; 背景图片:我在这里

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

这段代码来自我的“customize.css”文件。在我得到代码后,我应该在“背景图像:”中添加什么内容才能将其加载到页面

#标题{ 颜色:#FFF; 高度:350px; 背景色:透明; 背景图片:我在这里放什么?; 背景位置:左上; 背景重复:无重复; }


在过去的一周里,我在一个又一个的网络论坛上寻找答案,但还没有找到答案。有人有什么想法吗?谢谢

请参阅本文档的随机图像标题


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

如果是我,我将创建一个单独的web服务来服务随机图像。我会使用PHP,但我认为您可以使用ASP)


让服务随机选择一个图像,并相应地返回。

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


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

在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';" />


我该怎么做?你能举个例子吗?对不起,我不会说ASP。伪代码(如果你可以这样称呼的话)是我能为你做的最好的了。谢谢你的建议。它看起来确实朝着正确的方向走了几步。你能给我一个这样做的例子吗?不是在asp中,不是。想要一个PHP的例子吗?
<body onload="document.body.background = '/images/img'+Math.floor(Math.random()*4)+'.jpg';" />