JavaScript 用於在新選項卡中打開圖像

Question

我有一個關於 html 和 js 的問題。 我想讓<img>標簽中的所有圖片都可以在新選項卡中打開，而無需為每個圖片手動設置 href 鏈接。 我的問題是我的網站上有超過 17.000 張圖片，並且為每張圖片都這樣做會非常費力。 所以基本上每個 src 鏈接都應該設置為<img>標簽的 href 鏈接。

有沒有可能意識到這一點？

先感謝您！

Answer 1

是的，還沒有測試過（我在手機上），但像這樣：

const gallery = document.querySelectorAll(img) 
gallery.forEach(image => {
   let src = image.getAttribute('src')
   image.addEventListener('click', function () {
       window.open(src)
   }
}

完成后，將 img { cursor: pointer } 添加到您的 css 以告訴用戶他們可以點擊它

您最好使用腳本將圖像更改為鏈接，並且不要忘記延遲加載