Javascript 使图像可点击的锚定标签
我正在使用一个插件。但我想实现可点击图像 在此插件中,通过锚定标记显示图像,如下所示:Javascript 使图像可点击的锚定标签,javascript,jquery,html,css,anchor,Javascript,Jquery,Html,Css,Anchor,我正在使用一个插件。但我想实现可点击图像 在此插件中,通过锚定标记显示图像,如下所示: <div style="padding:120px 0;"> <div id="thumbnail-slider"> <div class="inner"> <ul> <li> <a c
<div style="padding:120px 0;">
<div id="thumbnail-slider">
<div class="inner">
<ul>
<li>
<a class="thumb" href="img/6.jpg"></a>
</li>
<li>
<a class="thumb" href="img/7.jpg"></a>
</li>
</ul>
</div>
</div>
</div>
<a class="thumb" href="http://www.google.com"><img src="img/6.jpg" alt="" /></a>
-
-
我想在点击这张图片后重定向页面。给我一些想法。有没有可能使锚标签与图像点击这个插件?
给我一些想法谢谢用这个
<li><a href="/"><img class="thumb" src="1.jpg" style="height:auto;" /></a></li>
来源:-而不是使用
<a class="thumb" href="img/6.jpg"></a>
你可以用
<a class="thumb" href="img/6.jpg"><img src="img/6.jpg" alt="" /></a>
在锚定标记中,如果要将href属性重定向到任何url,也可以更改该属性,如下所示:
<div style="padding:120px 0;">
<div id="thumbnail-slider">
<div class="inner">
<ul>
<li>
<a class="thumb" href="img/6.jpg"></a>
</li>
<li>
<a class="thumb" href="img/7.jpg"></a>
</li>
</ul>
</div>
</div>
</div>
<a class="thumb" href="http://www.google.com"><img src="img/6.jpg" alt="" /></a>
-
-
在标记内使用图像标记将图像显示为超链接
<a class="thumb" href="#target_url"><img src="img/6.jpg"></a>
这是一个简单而直接的答案如果我理解正确,您只需收听
单击事件,然后做任何您想做的事情
在下面的演示中,如果你点击前面的幻灯片,它将重定向到谷歌。否则,它将一事无成。如果要在任何图像上单击时重定向,只需删除If
语句,该语句检查前面的图像:
注意:由于安全原因,它不会执行重定向,因此您可以在本文档中看到它
[].forEach.call(document.queryselectoral('.thumb'),函数(a){
a、 addEventListener('click',函数(事件){
//检查前面的图像是否正确
if(this.parentNode.classList.contains('active')){
location.href=this.dataset.href;
}
});
});代码>
-
-
-
-
-
-
-
-
-
-
应该显示一个图像,点击它应该可以找到它。在锚定标记内放置一个图像标记,并使用锚定的href指向页面,将图像的src设置为图像路径。此答案正确。但是我们可以在HTML代码中重定向功能。因为我想插入到所有图像的单独链接。