如何在類似於Twitter的新彈出窗口中單擊時顯示放大的圖像？

Question

Twitter上的圖像將在彈出窗口中放大，該窗口可使用x關閉。我已經看到類似的問題，如How to expand an image in HTML by clicking on it，但我希望圖像在單獨的窗口中打開，放大，而不是在頁面上放大。

此刻，我意識到<a></a>標籤通常用於實現放大圖像，但彈出窗口看起來更美觀。

Answer 1

如果您使用<a></a>標記創建鏈接，並將目標設置爲「_blank」之類的值，則會強制圖像在其自己的窗口中彈出。

<a href="url" target = "_blank"> <img src="url"/></a> 

內<img/>標籤將顯示從URL（其可以是在項目中的本地目錄中，如「/images/test.jpg」或外部源）圖像。圍繞它的<a></a>標籤將使圖像可點擊並在新窗口中打開href，因爲目標設置如上。