同步背景和标题的旋转

Synchronize rotation of Background and Headline

本文关键字：旋转 标题 背景 同步      更新时间：2023-09-26

我在页面上有一个背景和一个标题。我需要它们在每次访问页面时旋转。我发现了大量的图像旋转脚本，您只需引用脚本，就好像它是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>

使用 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 浏览页面 3 次并看到图像 1、2 + 3。人 2 出现，他看到的是图像 1 还是图像 4？

如果是特定用户，您将需要存储一个cookie来跟踪他们所在的图像计数。然后在 index.php：检查 cookie 是否存在，如果有，则向其添加 1 并保存，然后获取与该数字对应的图像并输出它。如果没有，请设置 cookie 并获取图像。有几种不同的方法可以抓取一些与图像相关的文本。您可以使用数据库，记事本文件，甚至可以将文本硬编码到网页中。我担心将不得不澄清以获得更具体的帮助

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

相关文章：