在HTML中，我們可以通過點擊按鈕來切換圖片，實現動態加載不同的圖片效果。下面是一段示例代碼：

HTML代碼：
<img id="myImg" src="image1.jpg">
<button onclick="changeImg()">點擊我切換圖片</button>
JavaScript代碼：
function changeImg() {
var image = document.getElementById("myImg");
if (image.src.match("image1")) {
image.src = "image2.jpg";
} else {
image.src = "image1.jpg";
}
}

以上代碼中，我們首先在HTML代碼中定義了一張圖片，并且指定了id為"myImg"。同時，我們也定義了一個按鈕，通過設置onclick事件調用JavaScript函數changeImg()。

在JavaScript代碼中，我們通過getElementById()方法獲取了圖片元素，然后判斷當前圖片是否為image1.jpg，如果是則將圖片路徑更改為image2.jpg；否則將圖片路徑更改為image1.jpg。

在此示例代碼中，我們使用了HTML和JavaScript相互配合的方式來實現動態切換圖片。這樣的方式對于網站的美觀性和交互性都有很好的效果，也能實現各種不同的點擊事件，提高用戶體驗。