Question

当前，我正在开发WordPress网站。我需要使用图像链接页面（onclick事件=>重定向到另一个页面。但是，它已经使用图像上的文本链接了。

因为我需要保持文本链接>请帮助我将图像链接到目标页面。（文本框已用于插入图像和链接。

Answer 1

您可以像这样向图像添加onclick属性：

<img onclick="window.location.href='http://example.com'" class="alignnone size-full wp-image-1303" src="image-source" alt="" width="850" height="1250" />

或者将图像包装在另一个href中：

<a href="http://example.com"><img class="alignnone size-full wp-image-1303" src="image-source" alt="" width="850" height="1250" /></a>

Answer 2

您可以尝试一下。

<img src="//Image Path" onclick="location.href = '//Page you want to go';" style="cursor: pointer;">

Answer 3

您可以只在图像上添加onclick事件：

 document.getElementById("redirectimg").onclick = function () {
             window.location.href = "https://stackoverflow.com";
        };

<div class="img-one">
    
    <img id="redirectimg" class="alignnone size-full wp-image-1303" src="https://image.shutterstock.com/image-vector/sample-stamp-grunge-texture-vector-260nw-1389188336.jpg" alt="" width="850" height="1250" />
    <div class="adventure-link"><a href="page-link">Topic</a></div>
    </div>

但是您应该在img标签中添加ID。

或者您可以尝试这样：

  <div class="img-one">
    
    <img id="redirectimg" class="alignnone size-full wp-image-1303" src="https://image.shutterstock.com/image-vector/sample-stamp-grunge-texture-vector-260nw-1389188336.jpg" alt="" width="850" height="1250" onClick="window.location='https://stackoverflow.com/';"  />
    <div class="adventure-link"><a href="page-link">Topic</a></div>
    </div>

Answer 4

我认为您可以仅将一个标签用作img标签的父标签，然后将属性target = blank放在其中

<div class="img-one">
  <a href="link" target="blank">
    <img class="alignnone size-full wp-image-1303" src="image-source" alt="" width="850" height="1250" />
  </a>

那么它就不需要onclick功能

通过单击图像重定向到另一个页面

4 个答案: