Discussion :

[h4mzt3r]

Bonjour à tous,

Je rencontre actuellement un étrange bug avec jQuery lorsque je veux créer une "bannière" rotative avec .tabs() avec un menu de sélection sur le côté (exemple ici : http://fchristian.dyndns.org/labs/st...r/indexFX.html)

Pour ce faire, j'utilise le code suivant :

Code :

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

1
2
3
4
5
6
 
$("#featured").tabs({event: 'mouseover', fx: {opacity: "toggle"}}).tabs('rotate', speed, true);
		$("#featured").hover(
			function(){$("#featured").tabs("rotate",0,true);},  
			function(){$("#featured").tabs("rotate",speed,true);}  
			);

Comme vous le constaterez, lorsque la souris survole un élément du menu, elle doit afficher la "bannière" correspondante. Or, lorsque la souris passe trop vite d'un élément à l'autre, il y a un bug, une sorte de décalage du survol de la souris.

J'ai identifié le problème qui viendrait de l'utilisation de l'option FX. Si je l'enlève, tout fonctionne à merveille (exemple ici : http://fchristian.dyndns.org/labs/st...ner/index.html)

Y a-t-il un moyen quelconque d'utiliser l'event mouseover ET l'option FX sans avoir ce maudit bug?

Cordialement
Fred

[danielhagnoul]

Bonsoir

Après plusieurs tentatives diverses, il me semble que le code suivant donne le meilleur résultat.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
$( "#featured" )
	.hide() // preloading
	.tabs({
		"event" : "mouseover",
		"fx" : {
			"opacity" : "toggle"
		}
	})
	.tabs( "rotate", speed, true )
	.hover(
		function(){
			$( this ).tabs( "rotate", 0, true );
			$.fx.off = true;
		},  
		function(){
			$.fx.off = false;
			$( this ).tabs( "rotate", speed, true );
		} 
	);

[h4mzt3r]

Bonjour,

Je viens de tester le code que tu as fournis (j'ignorais les $.fx.xxx), mais ça ne correspond pas totalement à ce que je cherchais, car ici les effets sont neutralisés au survol de la souris sur les éléments du menu (exemple: http://fchristian.dyndns.org/labs/st...ner/index.html)

Or mon but était d'avoir toujours cet effet au survol de la souris (exemple: http://fchristian.dyndns.org/labs/st...r/indexFX.html)

D'après quelques tests, je pense comprendre que jQuery fait une "queue", ce qui expliquerait pourquoi j'ai un bug avec mon code initial.

N'y a-t-il vraiment aucun moyen de faire un mouserover+fx en même temps?

D'avance merci,
Cordialement.

Fred