同步背景和标题的旋转

时间:2012-08-09 08:47:46

标签: php javascript html css rotation

我在页面上有一个背景和一个标题。每次访问页面时我都需要它们旋转。我已经找到了大量的图像旋转脚本,你只需引用脚本就好像它是css中的图像,但是我找不到一个我可以回调每个图像的标题。有谁知道任何可以帮助我的东西? (暂时没有从内到外学习PHP)

例如

<html>

 <head>

  <title>Page Title</title>

  <style>

   body {
     background: url('this-image-needs-to-change.jpeg');
   }

  </style>

 </head>

 <body>

  <h1>At The Same Time As This Header</h1>

 </body>

</html>

2 个答案:

答案 0 :(得分:1)

使用PHP进行随机化非常简单,只需:

 <?php
     $bgs    = array("bg1.jpg","bg2.jpg","bg3.jpg");
     $titles = array("Title1", "Title2", "Title3");

     $currentIdx = array_rand($bgs);
 ?>

 <style>

 body {
   background: url('<?php echo $bgs[$currentIdx]; ?>');
 }

 </style>
<body>
    <h1><?php echo $titles[$currentIdx];?></h1>
 </body>

应该做的工作。

答案 1 :(得分:0)

您希望每次特定用户访问某个网页时,或每次用户访问某个网页时都更改该图片吗?

E.g。人1观看页面3次,看图像1,2 + 3.人2出现,他看到图像1或4?

如果是特定用户,您将需要存储一个cookie来跟踪他们所处的图像数量。然后在index.php上:检查cookie是否存在,如果存在,添加1并保存,然后获取与该数字对应的图像并输出。如果没有,请设置cookie,然后获取图像。您可以通过几种不同的方式获取与图像相关的文本。您可以使用数据库,记事本文件甚至将文本硬编码到网页中。为了更具体的帮助,我必须澄清一下,我担心

如果您希望为每个用户更改图像,则需要拥有一个数据库,因为您必须存储一些信息。我真的不明白你为什么要这么做,所以不用费心去解释它。