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代码中重定向功能。因为我想插入到所有图像的单独链接。