如何将图像链接到帖子?

时间:2015-01-16 13:36:54

标签: javascript jquery blogger

我的帖子里面有一张图片。它们显示在我网站的主页上。每个帖子都有一张图片,一个关于帖子的描述,以及一个"更多"将用户带到完整文章的按钮。

我的问题是我想将图片链接到完整帖子。我希望图像能够充当"更多"按钮。

我尝试过使用jQuery,wrap()函数,链接文章本身的图像,到目前为止还没有任何工作。

图片的代码只是:

<img src="random.jpg" class="YTimgs">

有人知道如何让它发挥作用吗?我一直在研究这个问题,但没有找到正确的解决方案。我希望有人帮助我。

2 个答案:

答案 0 :(得分:1)

你的一些图像有 YTimg 类,其他图像有 YTimgs ...只给它一个类:

$(document).on("click", "img.YTimgs", function(){
    $(this).closest("div.post").find(".jump-link").find("a").trigger("click");
});

这应该是棘手的

答案 1 :(得分:1)

更新了小提琴:http://jsfiddle.net/5md7p9L7/7/

<img src="http://lorempixel.com/400/200/"/>
<a class="link" href="http://google.com" target="_blank">The picture and this text are both links to the same page :)</a>

的jQuery

$('img').click(function(){
    var link =$(this).next().attr('href');
    window.open(link);   
});