[Résolu] Remettre les dimensions d'une image si scroll

Bonjour à tous

A la suite du script jquery ci-dessous trouvé sur le web et qui fonctionne bien seul :

		$(window).load(function(){
		$('.photo').click(function() {
    		$(this).toggleClass('enlarged');
		});
		});

J'essaye d'ajouter ceci :

		$(window).load(function(){
		$('.photo.enlarged').scroll(function() {
    		$(this).removeClass('enlarged');
		});
		});

Le but étant après un élargissement de l'image avec un click, de la remettre à ses dimensions d'origines dans le cas d'un scroll.
Je suis nul en JS, j'ai essayé de manipuler le code dans tous les sens et au mieux je n'ai pas de code erreur mais ça ne fonctionne pas

Merci infiniment pour vos conseils
Modifié par pierrer75 (07 Mar 2016 - 10:11)

Oui c'est normal que cela ne fonctionne pas
Tu utilise .scroll sur tes classes .photo et .enlarged. En gros tu lui demande de remove la classe quand le scroll est fait dans les éléments portant les classes. Ce n'est pas ce que tu veux, tu veux remove la classe quand on scroll n'importe où dans la fenêtre..

Donc

$('.photo.enlarged').scroll

se transforme en

$(window).scroll

et $(this). en $(".photo").

Un exemple
Modifié par JENCAL (07 Mar 2016 - 10:39)

Bon courage