gpt4 book ai didi

html - 是否有将 html 图像链接到自身的 css 选项?

转载 作者:太空宇宙 更新时间:2023-11-04 06:38:23 25 4
gpt4 key购买 nike

所以这样:

<html>
<head>
<style>
img{href:self}
</style>
</head>
<img src="./Sampleimage"/>
</html>

基本上是我需要的代码,但由于我不知道如何或什至不知道是否可以选择这样做,我想,我必须问比我更聪明的人。

我有点不得不这样做,因为我在这个 html 文档中有大约 200 张图片,并且每张图片都必须链接到自身。所以一个单独的<a>每张图片的标签都不会很时尚。

最佳答案

扩展 WillardSolutions 的评论...

document.getElementById("myImg").addEventListener("click", function() {
window.open(this.getAttribute("src"));
});
.clickable {
cursor: pointer;
}
<img id="myImg" class="clickable" src="https://www.w3schools.com/images/compatible_chrome.gif"/>

打开你的浏览器控制台可以看到打开被屏蔽的 URL...

如果您希望它在新窗口/标签中打开,请使用:

window.open(this.getAttribute("src"), '_blank');

关于html - 是否有将 html 图像链接到自身的 css 选项?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54040130/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com