我期待构建一个显示单个图像的页面,我想要实现的是,在单击“下一步”按钮时,应该更改图像但不应该重新加载页面。
我将图像存储在一个文件夹中,名称将是随机的。我使用过 php 和一些 javascript,所以我有基本的知识。
我搜索了这个问题,有人说使用 Ajax,有人说使用 jquery。我只是无法弄清楚我应该采取什么方法。
任何帮助将不胜感激
您可以使用 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>
使用 JavaScript,只需更改图像的来源。
document.getElementById('image-id').src = 'new-image.png';