Question

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

我将把图像存储在一个文件夹中，名称将是随机的。我使用过php和一些javascript，所以我有基本的知识。

我搜索了这个问题，有人说使用Ajax，有人说使用jquery。我只是无法弄清楚应采取什么方法。

真的很感激任何帮助

Answer 1

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

Answer 2

使用JavaScript，只需更改图片的来源。

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

随机化图像，无需重新加载页面PHP

2 个答案: