bonsoir à tous,

je bloque sur un petit soucis niveaux jquery. J'ai 1 élément qui est à 50% d'opacité (en css) et j'aimerais qu'au survol de la souris ça devienne 100% (avec jquery pour faire ça un peu plus jolie).

Donc vla le bout de code que j'ai fait

$(".img_reseaux").mouseover(function(){
      $("this").animate({ 
        opacity: 1,
      }, 1500 );
});

mais cela ne fonctionne pas... mon élément reste à 50% et ne varie pas quand je le survol.
à mon avis je me trompe quelque part dans la syntaxe ou alors je ne vois pas trop d'ou ça vient

vla un autre code que j ai fait et celui là fonctionne sauf que ça se fait tout seul (je l ai fait exprès pour tester)

$(function(){
      $(".img_reseaux").animate({ 
        opacity: 1,
      }, 1500 );
});

donc vla je galère un peu

merci d avance à tout le monde

ps: je débute depuis quelques semaines avec jquery donc mea culpa

Bonjour,

Le "this" ne doit pas être mis entre quotes.

j ai essayé sans les quotes mes ça fonctionne pas non plus

edit:

j'ai pensé à mettre ma fonction dans une autre fonction et ça fonctionne
voici le bout de code et j'ai rajouté un .mouseout

$(function(){
	$(".img_reseaux").mouseover(function(){
		  $(this).animate({ 
			opacity: 1,
		  }, 500 );
	});
	$(".img_reseaux").mouseout(function(){
		  $(this).animate({ 
			opacity: .50,
		  }, 500 );
	});
});

Ça fait pourtant partie du début du cours sur jQuery : http://www.siteduzero.com/tutoriel-3-1 [...] tml#ss_part_3 paragraphe chargement du DOM