让特色图片点击WordPress的(Make featured image clickable Wo

我努力使特色图片点击使用JavaScript：

 <div class="post-wrapper"> <section class="post-image"> <img alt="Targ3t Band" class="img-responsive" src="http://i2.wp.com/www.example.com/wp-content/uploads/example.jpg"> <div class="image-shadow"></div> </section> <div class="post-container"> <div class="container"> <section class="post-title" style="color:;"> <h2 class="post-heading"><a href= "http://www.example.com/category/example/">Band &#8211; Targ3t</a></h2> <ul class="post-info"></ul> </section> </div> </div> </div>

有谁知道如何添加<a>到<img>标签？

Answer 1:

假设你只是意味着图像应该将用户链接到一个单独的页面，这里是你将如何作出这样的调整。你要做的就是包裹元素的a标签，如下所示：

 <div class="post-wrapper"> <section class="post-image"> <a href="http://i2.wp.com/www.djentmag.com/wp-content/uploads/TARG3T-2016-A-e1464397193853.jpg?resize=1400%2C600"><img alt="Targ3t Band" class="img-responsive" src="http://i2.wp.com/www.djentmag.com/wp-content/uploads/TARG3T-2016-A-e1464397193853.jpg?resize=1400%2C600"></a> <div class="image-shadow"></div> </section> <div class="post-container"> <div class="container"> <section class="post-title" style="color:;"> <h2 class="post-heading"><a href= "http://www.djentmag.com/artist/targ3t/">Band &#8211; Targ3t</a></h2> <div class="post-sub-title"> <p>Deathcore, Hardcore - Romania</p> </div> <ul class="post-info"></ul> </section> </div> </div> </div>

与WordPress，还有，你要添加到图像网址可能动态值。提供额外的信息，如果是这样的话，或者如果这并不能完全解决问题。

Answer 2:

你需要一个id属性添加到img标签。在这种情况下（ID = “image1的”）。然后，你需要创建一个JavaScript函数，当你点击图片时被调用。

然后将下面的代码运行功能启动时，页面加载，并单击图像时的功能，点击。

<script>
var image;
function clicked() {
    alert("Image clicked");
    }
function starter() {
    image = document.getElementById("image1");
    image.onclick = clicked;
    }    
window.onload = starter;
</script>