用按鈕切換圖像

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的可能是你做的更簡單的方法這個，但它與這個例子並沒有很大的不同。