Php 在不重新加载页面的情况下随机化图像
我期待着建立一个页面,显示一个单一的图像 我想实现的是,单击“下一步”按钮时,图像应该更改,但页面不应该重新加载 我将把这些图片储存在一个文件夹里,名字将是随机的。 我曾经使用过php和一点javascript,因此我有了基本的知识 我用谷歌搜索了这个问题,有人说使用Ajax,有人说使用jquery。我只是想不出我应该采取什么方法Php 在不重新加载页面的情况下随机化图像,php,image,random,Php,Image,Random,我期待着建立一个页面,显示一个单一的图像 我想实现的是,单击“下一步”按钮时,图像应该更改,但页面不应该重新加载 我将把这些图片储存在一个文件夹里,名字将是随机的。 我曾经使用过php和一点javascript,因此我有了基本的知识 我用谷歌搜索了这个问题,有人说使用Ajax,有人说使用jquery。我只是想不出我应该采取什么方法 如果使用JavaScript提供任何帮助,都将不胜感激,只需更改图像的源代码即可 document.getElementById('image-id').src =
如果使用JavaScript提供任何帮助,都将不胜感激,只需更改图像的源代码即可
document.getElementById('image-id').src = 'new-image.png';
使用JavaScript,只需更改图像的源代码
document.getElementById('image-id').src = 'new-image.png';
您可以使用Javascript显示任何图像
<head>
<script type="text/javascript">
function changeImage() {
document.getElementById("iRock").src = "iRock_Happy.png";
}
</script>
</head>
<body>
<img src="iRock.png" id= "iRock" onclick="changeImage()">
</body>
函数changeImage(){
document.getElementById(“iRock”).src=“iRock\u Happy.png”;
}
您可以使用Javascript显示任何图像
<head>
<script type="text/javascript">
function changeImage() {
document.getElementById("iRock").src = "iRock_Happy.png";
}
</script>
</head>
<body>
<img src="iRock.png" id= "iRock" onclick="changeImage()">
</body>
函数changeImage(){
document.getElementById(“iRock”).src=“iRock\u Happy.png”;
}
您可以通过ajax+jquery(javascript)实现这一点。。这是不可能的,只有phpyou可以通过ajax+jquery(javascript)实现这一点。。仅使用phpThanks无法快速响应,但我想知道在.src='new image.png'部分中是否可以使用.src='';其中$variable包含我的图像的文件名?@user1216752否您不能使用,因为php在服务器端执行。。要通过php进行更改,除了ajax或websocket@user1216752如果您想显示从服务器端获取图像,请使用ajaxIs,是否有任何链接或教程可供我使用?我对这件事几乎一无所知Ajax@user1216752我认为您不需要使用ajax;您可以在页面上预加载所有图像名称谢谢您的快速响应,但我想知道在.src='new image.png'部分中是否可以使用.src='';其中$variable包含我的图像的文件名?@user1216752否您不能使用,因为php在服务器端执行。。要通过php进行更改,除了ajax或websocket@user1216752如果您想显示从服务器端获取图像,请使用ajaxIs,是否有任何链接或教程可供我使用?我对这件事几乎一无所知Ajax@user1216752我认为您不需要使用ajax;您只需预加载页面上的所有图像名称,因此如果我得到正确的结果,该脚本将在默认情况下(我的意思是当页面刚刚打开时)显示图像“iRock.png”,并单击图像本身,它将显示图像“iRock\u happy.png”?您是否可以建议我使用一个始终具有随机图像名称的变量来代替“iRock\u happy.png”,这样每当单击图像时都会显示一个随机图像?因此,如果我得到了正确的答案,那么该脚本将在默认情况下执行(我的意思是当页面刚刚打开时)它将显示图像“iRock.png”,一旦单击图像本身,它将显示图像“iRock\u happy.png”?您是否可以建议我使用一个变量来代替“iRock\u happy.png”,该变量始终具有随机图像名称,以便每当单击图像时都显示随机图像?