javascript - 图像在悬停时淡入淡出+使图像可点击

Question

我希望当我将鼠标悬停在图像上时，整个图像变成一个链接，而不仅仅是里面的文本。有人可以帮我解决这个问题吗？

Javascript:

$('.thumbnail').hover(function() {
    $('.thumbnail img').stop(true,true).fadeTo(400, 0.2);
    $('.description').stop(true,true).fadeIn(400);
}, function() {
    $('.thumbnail img').stop(true,true).fadeTo(400, 1);
    $('.description').stop(true,true).fadeOut(400);
});

这是 jsfiddle:http://jsfiddle.net/LDs6C/15/

Answer 1

为什么您不只是用 a 标记包围 img 标记？

<a href="content.com"><img src="..." width="200"/></a>

这样做将在没有额外标记的情况下完成您所需要的。