Discussion :

[fourmizen]

Bonjour à tous,
je me suis mis à jquery il y a peu et j'ai vu un effet que j'ai essayé de copier :
http://codecanyon.net/item/jsocial/f..._preview/62281.

Voici le code que j'ai écris :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
		 $("#header_social, #footer_social").hover(      
         //Mouseover  
         function() {  
			 $("#header_social li, #footer_social li").fadeTo("slow", 0.2);
			 	 $("li").mouseover(function() {$(this).fadeTo("fast", 1);});
			     $("li").mouseleave(function() {$(this).fadeTo("fast", 0.2);});
         },         
         //Mouseout
         function() {  
             $("#header_social li, #footer_social li").fadeTo("slow", 1);
			 $("li").mouseleave(function() {$(this).fadeTo("fast", 1);});
    	});

Le problème est que lorsque je passe ma souris sur les icônes il y a des effets de clignotement entre les fadeTo...Comment pourrait on arranger cela?

[caphar]

Bonjour,

Ton code est un peu bizarre : tu définis un événement qui lui-même définit de nouveaux gestionnaires d'événements sur les LI.

A mon avis tu peux te débarrasser des événements à l'intérieur de ton hover, et réduire ton code à quelque chose comme ça (non testé) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
$("#header_social li, #footer_social li").hover(      
         //Mouseover  
         function() {  
             $(this).siblings().fadeTo("slow", 0.2);
	     $(this).fadeTo("fast", 1);
         },         
         //Mouseout
         function() {  
             $(this).siblings().fadeTo("slow", 1);
    	});