通过 css 和 html 随机加载壁纸答案

【问题标题】：Randomly load wallpaper via css and html通过 css 和 html 随机加载壁纸
【发布时间】：2012-12-27 02:03:24
【问题描述】：

我是 css 和 html 甚至编码方面的新手。我目前正在使用本地路径制作自己的起始页，它将我的书签加载到 html 文件中。 background-image 控件通过style.css 文件。我已经搜索了一些解决方案来创建一个 php 脚本以通过 css 和 html 加载随机图片，并且我尝试了各种解决方案，但它似乎对我不起作用。所以我们开始：

用于传递背景图像的 index.html 文件：

<link rel="stylesheet" href="style.css" type="text/css" />

还有 style.css：

body {
background-image: url("Wallpaper01.jpg") ;

}

自从下载了代码后，我不知道如何更改它。 .jpg 文件也与 html 和 css 位于同一目录中。

有人可以帮我制作一张随机图片吗？请提供执行此操作的代码、插入位置或任何我需要的信息，这将比告诉我要做什么更有帮助。

如果有人可以帮助我，非常感谢。谢谢！

【问题讨论】：

标签： php html css image random

【解决方案1】：

你可以试试这样的：

<?php
  $bg = array('bg-01.jpg', 'bg-02.jpg', 'bg-03.jpg', 'bg-04.jpg', 'bg-05.jpg', 'bg-06.jpg', 'bg-07.jpg' ); // array of filenames

  $i = rand(0, count($bg)-1); // generate random number size of the array
  $selectedBg = "$bg[$i]"; // set variable equal to which random filename was chosen
?>

CSS（在头部）

<html>
        <head>
            <title></title>
            <style type="text/css">
                <!--
                body{
                background: url(images/<?php echo $selectedBg; ?>) no-repeat;
                }
                -->
            </style>
        </head>
        <body>
             <!-- website -->
        </body>
    </html>

编辑（用户的 cmets）

<?php
          $bg = array('bg-01.jpg', 'bg-02.jpg', 'bg-03.jpg', 'bg-04.jpg', 'bg-05.jpg', 'bg-06.jpg', 'bg-07.jpg' ); // array of filenames

          $i = rand(0, count($bg)-1); // generate random number size of the array
          $selectedBg = "$bg[$i]"; // set variable equal to which random filename was chosen
?>

        <html lang="en"> 
            <head> 
                <meta charset=utf-8> 
                <link rel="stylesheet" href="style.css" type="text/css" /> 
                <title>Start Page</title> 
                <style type="text/css">
                        <!--
                        body{
                        background: url(images/<?php echo $selectedBg; ?>) no-repeat;
                        }
                        -->
                </style>
            </head>
            <body> 
                <div id="one">01 <div class="title">General</div> 
                <div class="links"> <a href="google.com">Google </a> 

                </div> 
            </div>
            </body>
        </html>

【讨论】：

感谢回复，请问第一部分代码应该放在哪里？
高于文档类型`z
嗯...所以这部分放在哪里？并且我的 css 文件不包含
用户，这段代码使用了一种叫做 PHP 的漂亮语言。您将了解到，使用 HTML 和 CSS 无法完成的一些巧妙的事情可以通过一点 PHP 轻松完成。 PHP 是不同的，因为它是一个服务器端脚本，这意味着它在您的服务器（可能是 Apache）上运行。 HTML、CSS 和 JavaScript 是客户端脚本，这意味着它们由您的浏览器（Chrome、Firefox 等）运行。我建议您查看服务器端脚本；您可以使用一些非常强大的技术来制作网站。
非常感谢内森，你对我帮助很大。你真是个好人。