2013-02-07 54 views
0

我期待构建一个显示单个图像的页面 我想实现的是,点击“下一步”按钮时,图像应该改变,但页面不应该重新加载。随机图像,无需重新加载页面php

我将要存储在一个文件夹中的图像和名称将是随机的。 我已经使用php和一些JavaScript,所以我有基本的知识。

我google了一下这个问题,有人说使用Ajax,有人说使用jquery。我只是无法弄清楚我应该采取什么方法。

任何帮助将不胜感激

+2

您可以通过AJAX +的jQuery(JavaScript的)的快速反应做..它不可能只用PHP –

回答

2

随着JavaScript,只是改变图像的来源。

document.getElementById('image-id').src = 'new-image.png'; 
+0

谢谢,但我想要知道是否在部分.src ='new-image.png'中可以使用.src ='<?php $ variable?>';其中$变量包含我的图像的文件名? – Arihant

+1

@ user1216752不,你不能使用,因为PHP在服务器端执行..通过PHP更改你没有选择比阿贾克斯或websocket –

+0

@ user1216752如果你想显示图像从服务器端获取使用ajax –

3

您可以使用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> 
+0

所以如果我得到这个正确的,这个脚本会做的是默认的(我的意思是当页面刚刚打开时)它会显示图像'iRock.png',一旦点击图像本身,它会dislpay形象'iRock_happy .png'? – Arihant

+0

@ user1216752是的正确.. –

+0

有无论如何,你可以建议,而不是'iRock_happy.png'我可以放一个变量,总是有一个随机的图像名称,以便每当图像被点击一个随机图像显示? – Arihant

相关问题