image fondu sur hover + rendre l'image cliquable

Question

Je voudrais que lorsque je survole l'image, l'image entière devienne un lien plutôt que le texte à l'intérieur. Quelqu'un peut il m'aider avec ça?

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); 
}); 

Voici le jsFiddle: http://jsfiddle.net/LDs6C/15/

Answer 1

Comme ceci: http://jsfiddle.net/LDs6C/16/

J'ai fait le lien d'un élément de bloc et définissez les dimensions égale à la taille de l'image.

Answer 2

Y a-t-il une raison pour laquelle vous n'entourez pas simplement la balise img avec une balise a?

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

Cela permettra d'accomplir ce dont vous avez besoin sans le balisage supplémentaire.

Answer 3

Je pense que vous devriez être en mesure d'ajouter un gestionnaire sur clic qui vous amène à l'emplacement désiré, par ex.

$('.thumbnail img').click(function(){window.location='someurl';});