HTML 是一種標記語言，它通常被用來創建網頁。其中，彈出窗口是一種常見的功能，它可以讓用戶在當前頁面上顯示另一個頁面或圖片。下面我們來看一下如何使用代碼實現按圖片彈出窗口的效果。 首先，我們需要在 HTML 源代碼中插入一張圖片。在 p 標簽中插入 img 標簽，并設置其 src 屬性為圖片的路徑。例如：

接著，我們需要添加一個鏈接，當用戶點擊該鏈接時，彈出窗口就會顯示出來。我們可以使用 a 標簽來創建鏈接，并為其設置 href 屬性。例如：

在以上代碼中，我們為 a 標簽設置了一個 onclick 事件，該事件會調用名為 showPopup() 的 JavaScript 函數。這樣，當用戶點擊鏈接時，就會觸發該函數，實現彈出窗口效果。 現在，我們需要編寫 showPopup() 函數的代碼。以下是一個簡單的彈出窗口代碼示例：

<script>
function showPopup() {
var popup = window.open("popup.html", "Popup Window", "width=500,height=300");
popup.focus();
}
</script>

在以上代碼中，我們通過 window.open() 函數創建了一個新的窗口，用來顯示圖片的大版本。該函數的第一個參數是要顯示的頁面的 URL，第二個參數是窗口名稱，第三個參數是一個字符串，用于設置新窗口的屬性，例如窗口的大小等。最后，我們通過 popup.focus() 命令將焦點設置為新窗口，這樣用戶就可以直接與彈出窗口交互。 綜上所述，以上代碼可以實現按圖片彈出窗口的效果。我們只需要將代碼復制粘貼到 HTML 中即可。同時，如果我們希望彈出窗口能夠在用戶點擊圖片時自動關閉，可以在 showPopup() 函數中再添加一段代碼，從而實現該功能。