Php 通过css和html随机加载壁纸_Php_Html_Css_Image_Random

Php 通过css和html随机加载壁纸

php html css image random

Php 通过css和html随机加载壁纸,php,html,css,image,random,Php,Html,Css,Image,Random,我是css和html甚至编码方面的新手。我目前正在用一个本地路径创建我自己的起始页，它将我的书签加载到一个html文件中。背景图像控件通过style.css文件。我在谷歌上搜索了一些解决方案，比如创建一个php脚本来加载css和html上的随机图片，我尝试了各种解决方案，但似乎对我不起作用。现在我们开始：用于传递背景图像的index.html文件： <link rel="stylesheet" href="style.css" type="text/css" /> } 我不知道如

我是css和html甚至编码方面的新手。我目前正在用一个本地路径创建我自己的起始页，它将我的书签加载到一个html文件中。背景图像控件通过

style.css

文件。我在谷歌上搜索了一些解决方案，比如创建一个php脚本来加载css和html上的随机图片，我尝试了各种解决方案，但似乎对我不起作用。现在我们开始：

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

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

}

我不知道如何更改它，因为我下载了代码。另外.jpg文件与html和css位于同一目录中

有人能帮我拿一张随机的图片吗？请提供代码来完成它，插入它的位置，或者我需要的任何东西，这将比告诉我做什么帮助更多

如果有人能帮助我，非常感谢。谢谢

您可以尝试以下方法：

<?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（头部）

编辑（用户评论）


起始页
01概述

您可以尝试以下方法：

<?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（头部）

编辑（用户评论）


起始页
01概述

感谢您的回复，那么我应该将代码的第一部分放在哪里？在doctype`zUm…上面，那么这部分放在哪里？我的css文件不包含用户，这段代码使用了一种叫做PHP的漂亮语言。您将了解到，HTML和CSS无法完成的一些整洁的事情可以通过一点PHP轻松完成。PHP是不同的，因为它是一个服务器端脚本，这意味着它运行在您的服务器上（可能是Apache）。HTML、CSS和JavaScript都是客户端脚本，这意味着它们由浏览器（Chrome、Firefox等）运行。我建议您研究服务器端脚本；有一些非常强大的技术可以用来制作网站。非常感谢Nathan，你帮了我很多忙。你真是一个善良的人。谢谢你的回复，那么我应该把代码的第一部分放在哪里？在doctype`zUm…上面，这部分放在哪里？我的css文件不包含用户，这段代码使用了一种叫做PHP的漂亮语言。您将了解到，HTML和CSS无法完成的一些整洁的事情可以通过一点PHP轻松完成。PHP是不同的，因为它是一个服务器端脚本，这意味着它运行在您的服务器上（可能是Apache）。HTML、CSS和JavaScript都是客户端脚本，这意味着它们由浏览器（Chrome、Firefox等）运行。我建议您研究服务器端脚本；有一些非常强大的技术可以用来制作网站。非常感谢Nathan，你帮了我很多忙。你真是个好人。

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

<?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>