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

Question

我有一个问题，我想让我的图片显示预览，但点击它应该转到其他页面，我使用 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"。

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

Answer 1

工作演示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');
});