Menu tournant - Arrêter sur hover

**baggie** · 13/04/2010, 13h50

Bonjour,

j'ai trouvé sur internet un script permettant de réaliser un menu "tournant" ou menu "carrousel".
J'ai donc une dizaine d'images qui tournent sur un cercle et à chaque image correspond un lien vers une page de mon site.

Ce que j'aimerai, c'est que lorsque l'on passe la souris sur une des images, le menu s'arrête de tourner. Et dès que j'enlève la souris, il reparte.

Voici mon code :

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
20
21
22
23
24
 
<script  type="text/javascript" src="ligams_carrousel_minified.js"></script>
<script  type="text/javascript">
//<![CDATA[
init = function()
{
   new ligams.carrousel('ligams_carrousel');
}
onload = init;
//]]>
</script>
</head>
<body>
<h1>Carrousel Javascript</h1>
<div>
	<div id="ligams_carrousel">
	<div class="Carrousel_ligams_item"><a href="http://www.google.fr" onMouseOver="document.img_1.src='logo_texte/aeronautique.png';"	onMouseOut="document.img_1.src='assets/aeronautique.png';">
<img name="img_1" src="assets/aeronautique.png"> </a></div>
	<div class="Carrousel_ligams_item"><a href="http://www.google.fr"				onMouseOver="document.img_2.src='logo_texte/chimie.png';"			onMouseOut="document.img_2.src='assets/chimie.png';">
<img name="img_2" src="assets/chimie.png"> </a></div>
	</div>
</div>
</body>
</html>

Donc pour chaque image, dès que l'on passe la souris dessus, une autre image s'affiche à la place. Et l'image de base revient lorsqu'on enlève la souris.
Jusque là, rien de bien sorcier.

Maintenant, pour faire ce que je souhaite, ça se complique.
Je pensais mettre un "return false;" dans mon onMouseHover à la suite de ce qu'il y a déjà (pour arrêter la fonction), et un init() à la suite du onMouseOut pour la redémarrer (même si ça aurait remis les images comme au départ du script).

Sauf qu'évidemment, ça ne fonctionne pas.

Est-ce qu'il existe un moyen pour mettre une fonction sur pause (on ne sait jamais hein

) ? Quelqu'un a une solution ?

Merci !

PS : en pièce jointe le fichier javascript qui permet d'exécuter tout ça.

Menu tournant - Arrêter sur hover

JavaScript

Discussions similaires

Partager

Partager