使用按钮

Question

我有一个网页，我需要创建一个按钮来切换显示的图像， 图像是建筑物的示意图，所以我需要一个按钮来选择等级，等级1,2等......

最重要的是，我需要一个按钮，它将切换相对于页面上显示的当前图像的另一个图像，此图像将切换图像内的一些额外细节，但该按钮只需链接到另一个图像文件，所以不戏剧。

任何帮助都将受到赞赏，因为我已经遵循了一些想法而没有成功。

我认为javascript对于这个项目来说会更容易。

再次感谢。

Answer 1

我认为初学者最简单的方法就是使用这种方法：

例如，您有一个包含图像的文件夹。并且您有一个页面，其中包含一个您想要切换的图像以及一个可以切换它的按钮。

这不是功能性示例，但它可能会给你一个想法：

HTML：

<img src="img/img01.jpg">
<button id="toggler"></button>

JS：

var button = document.querySelector('#toggler');

button.onclick = function(){
 var img = document.querySelector('img');
 img.src = "new img url"
}

现在，jQuery可能更容易实现这一点，但它与此示例没有太大区别。