Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/image/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 在不重新加载页面的情况下随机化图像_Php_Image_Random - Fatal编程技术网

Php 在不重新加载页面的情况下随机化图像

Php 在不重新加载页面的情况下随机化图像,php,image,random,Php,Image,Random,我期待着建立一个页面,显示一个单一的图像 我想实现的是,单击“下一步”按钮时,图像应该更改,但页面不应该重新加载 我将把这些图片储存在一个文件夹里,名字将是随机的。 我曾经使用过php和一点javascript,因此我有了基本的知识 我用谷歌搜索了这个问题,有人说使用Ajax,有人说使用jquery。我只是想不出我应该采取什么方法 如果使用JavaScript提供任何帮助,都将不胜感激,只需更改图像的源代码即可 document.getElementById('image-id').src =

我期待着建立一个页面,显示一个单一的图像 我想实现的是,单击“下一步”按钮时,图像应该更改,但页面不应该重新加载

我将把这些图片储存在一个文件夹里,名字将是随机的。 我曾经使用过php和一点javascript,因此我有了基本的知识

我用谷歌搜索了这个问题,有人说使用Ajax,有人说使用jquery。我只是想不出我应该采取什么方法


如果使用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”,该变量始终具有随机图像名称,以便每当单击图像时都显示随机图像?