1. DOCTYPE上方
设置文件名和数组,这些文件名与您要随机化的图像的文件名相对应。
<?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
?>
1. <head>中CSS
通常,您希望将CSS保留在HTML之外,但我们仅在此处使用它来回显我们在上面选择的随机文件名。
<style type="text/css">
<!--
body{
background: url(images/<?php echo $selectedBg; ?>) no-repeat;
}
-->
</style>
翻译自: https://css-tricks.com/snippets/php/randomize-background-image/