Question

我是一个PHP菜鸟，尝试使用随机图像按钮制作随机图片生成器。当我点击按钮时，我想要一个新的图像出现。这怎么只能运作一次。我应该改变什么才能让它多次运作？

代码：

<html> 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<script> 

function changeImage()
{
var img = document.getElementById("image");
img.src="/cats/<?php echo rand (1,92);?>.jpg";
return false;
}

</script>

</head>

<body>

<img id="image" src="/cats/<?php echo rand (1,92);?>.jpg" width="500" height="500" />
<br><br><br>
<button id="clickme" onclick="changeImage();">Click to change image!</button>
</body>

提前致谢！

Answer 1

调整您的javascript代码：

function changeImage()
{
    var random = Math.round(1+Math.random()*92); // random between 1 and 92
    var img = document.getElementById("image");
    img.src = "/cats/" + random + ".jpg";
    return false;
}

Answer 2

PHP是一种服务器端语言。这与javascript不同，后者是客户端。 PHP代码在用户首次访问页面时执行，并用于生成页面内容。浏览器看到了这个内容，但它从未看到实际的PHP代码。另一方面，Javascript被发送到浏览器，并且浏览器在用户打开页面时动态地使用它。例如，以下行：

<img id="image" src="/cats/<?php echo rand (1,92);?>.jpg" width="500" height="500" />

将被传输到浏览器，例如：

<img id="image" src="/cats/37.jpg" width="500" height="500" />

然后成为所有浏览器看到的。在用户刷新页面之前，每次运行javascript函数时，都会显示图像37.jpg。

Answer 3

在加载页面时，PHP代码只运行一次。

使用javascript随机数生成器

php更改图像按钮只能工作一次

3 个答案: