用按钮切换图像

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的可能是你做的更简单的方法这个，但它与这个例子并没有很大的不同。