php 如何在html中显示一个随机的图片作为背景?

bxfogqkk  于 2023-01-24  发布在  PHP
关注(0)|答案(3)|浏览(149)

我做了一个html页面,试图显示一个随机图片,这里的图片是index.html

<?php
session_start();
$png = array('png1.jpg', 'png2.jpeg', 'png3.jpg', 'png4.jpg');

$random = rand(0,3);
$picture = "$png[$random]";

?>

<!DOCTYPE HTML>
<html>  

<head>
<style>
body {
background: url(images/<?php echo $picture; ?>) no-repeat;
background-size: cover;
}
</style>
</head>
  
<body>
  
<form action="login.php" method="post">
Name: <input type="text" name="name"><br>
Password: <input type="text" name="password"><br>
<input type="submit">
</form>

</body>
</html>

我期待它从$png数组中输出一个随机的图片,但是唯一的输出是“表单”部分。另外,图片没有问题。

kcrjzv8t

kcrjzv8t1#

将您的文件从“index.html”保存到“index.php”,它将按您预期的方式运行您的代码。
PHP文件具有读取和显示HTML代码的功能,但HTML不会自动解析PHP代码。
如果你想在html文件里面使用PHP变量,只意味着你需要在.htaccess文件的帮助下启用一些配置。

i2loujxw

i2loujxw2#

问题解决了,代码没有问题。只是replit.com我运行它的www.example.com有问题。可以使用vijay pancholi的代码在replit.com上运行它

ilmyapht

ilmyapht3#

/* Some mistake in this code firstly convert file extension .html to .php if you are using rand() php function and support on  php file and also $picture = $png[$random] used without using string */

/* it working for me please try this below code */

<!DOCTYPE html>
<html>
<body>

<?php

$png = array('https://www.w3schools.com/images/img_upgrade_300.png', 'https://www.w3schools.com/images/img_mylearning_300.png', 'https://www.w3schools.com/images/img_fullaccess_300.png','https://www.elegantthemes.com/images/home/category-thumb-store.jpg');

$random = rand(0,3);
$picture = $png[$random];

?>

<style>
body {
background: url('<?php echo $png[$random]; ?>') no-repeat;
background-size: cover;
}
</style>

 
</body>
</html>

相关问题