Jquery - click agrandir image

bonjour,

J'essai depuis quelques temps de résoudre un problème, qui j'en suis sur est simple, mais vu mon niveau en jquery et javascript…

Voici l'idée :
Je voudrais agrandir une image par un click. jusqu'ici tout va bien.
Ensuite, je voudrais que lorsque je re-clic dessus, la taille initiale soit appliqué.

voici mon code:

$("#img").one('click', function () { $(this).width(420).height(280) .css({cursor:"auto"});
});

quelqu'un a une idée ?

merci

Le plus simple est d'utiliser click et toggleclass, pour ajouter/retirer une classe de mise en forme à ton image.

merci beaucoup, en effet c'est beaucoup plus simple!

Et si je veux que ce changement de taille soit "animé" ?

Car avant j'utilisais la fonction animate.

avant changement code:
$("img").one('click', function () { $(this).animate({width:420}, 'slow').height(280) .css({cursor:"auto", "background-color":"none"});
});

apres
$("img").click(function () {
$(this).toggleClass("photoclick");
});
Modifié par 1199ani (25 Oct 2011 - 18:03)

Il te suffit d'ajouter/retirer la classe, et de cibler chaque possibilité (avec ou sans la classe) par un selecteur et une animation différente.