图像作为预览以及链接到其他页面

时间:2013-07-27 11:23:42

标签: jquery image href preview

我有一个问题,我想让我的图像显示预览但是点击它应该转到其他一些页面,我使用jquery插件进行图像预览,但是锚链接href是一个图像所以当你点击它时它会去图片网址。我想让它去其他一页。

<li><a href="images/bc1.png" class="preview"><img src="images/bc1.png" alt="bc1"/></a><a href="#" class="tag">Tag Name</a></li>

预览插件需要使用href="images"

如果你知道答案,请帮助我。

1 个答案:

答案 0 :(得分:0)

工作演示http://jsfiddle.net/cse_tushar/p8qSf/

HTML

<a id="link" href="http://t1.gstatic.com/images?q=tbn:ANd9GcQB0l0xnGOHuRPFMMMi-OVg39nfAU1Ogvxr7Okk7DD8ZpqlMF9r">
    <img src="http://t1.gstatic.com/images?q=tbn:ANd9GcQB0l0xnGOHuRPFMMMi-OVg39nfAU1Ogvxr7Okk7DD8ZpqlMF9r"/>
</a>

JS

$('#link').click(function(e){
    e.preventDefault();
    $(location).attr('href','http://google.com');
});