无法实现随机背景图像

时间:2015-02-24 15:49:38

标签: php html css

我想让这个随机背景图片编码工作:http://css-tricks.com/snippets/php/randomize-background-image/

我已经仔细检查了文件名,路径,所有代码和说明。我认为有些事我不明白。

你可以在这里看到这个页面: http://agentboris.com/newwebsite/index.html

感谢您的帮助。

1 个答案:

答案 0 :(得分:1)

http://agentboris.com/newwebsite/index.html的文件位于.html,它应该是.php,因为你可以使用教程中的php代码。

尝试使用这个简单的代码(不要忘记将索引文件保存为php扩展名):

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


 <!DOCTYPE html>
<html>
    <head>
        <title>Tests purposes</title>
        <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
        <style type="text/css">
        <!--
        body{
        background: url(images/<?php echo $selectedBg; ?>) no-repeat;
        }
        -->
        </style>
    </head>

    <body>


    </body>
</html>