afficher un lien au survol de la souris

bonjour
je cherche désespérément le moyen d'afficher un lien au survol de la souris comme dans l'exemple suivant: http://www.hochsicht.ch/francais/index.html
sans flash
Avez-vous une idée?
Merci

:koi:
Ca veut dire quoi "afficher un lien au survol de la souris" ???

avec un truc du genre lightbox ou des fenetres jquery en ajax ... ?

Code:

---

1 2	<a href="www.google.com" onmouseover="alert(this.href);">Over me</a>

---

:ccool:



:zen: Garder son calme, respirer profondément...

un peu plus de précision si nécessaire
j'ai réalisé une galerie images pour un ami avec un tuto de alsace créations: http://galaxyweb.free.fr/
les photos ne correspondent pas encore à l'objectif final, pas grave.
je voudrais que les photos apparaissent sans cliquer mais seulement au survol de la souris sur les liens ici les dimensions.
comme sur l'exemple suivant:
http://www.hochsicht.ch/francais/index.html

voici le code également:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

<div id="diapo_centre"> <dl id="photo"> <dt><img id="big_pict" src="image/image0.jpg" alt="" /></dt> </dl> <div id="galerie"> <ul id="galerie_mini"> Cliquez avec la souris sur les différentes dimensions<br /> <li><a href="image/image0.jpg"><img src="images/mini12.gif"alt="12 m" /></a></li> <li><a href="image/image1.jpg"><img src="images/mini9.gif" alt="9 m" /></a></li> <li><a href="image/image2.jpg"><img src="images/mini6.gif" alt="6 m" /></a></li> <li><a href="image/image3.jpg"><img src="images/mini3.gif" alt="3 m" /></a></li> <li><a href="image/image4.jpg"><img src="images/mini1.gif" alt="1 m" /></a></li> </ul> </div> </div>

---

Merci encore

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

<div id="diapo_centre"> <dl id="photo"> <dt><img id="big_pict" src="image/image0.jpg" alt="" /></dt> </dl> <div id="galerie"> <ul id="galerie_mini"> Cliquez avec la souris sur les différentes dimensions<br /> <li><a href="image/image0.jpg" onmouseover="document.getElementById('big_pict').src="image/image0.jpg"><img src="images/mini12.gif" alt="12 m" /></a></li> <li><a href="image/image1.jpg" onmouseover="document.getElementById('big_pict').src="image/image1.jpg"><img src="images/mini9.gif" alt="9 m" /></a></li> <li><a href="image/image2.jpg" onmouseover="document.getElementById('big_pict').src="image/image2.jpg"><img src="images/mini6.gif" alt="6 m" /></a></li>   <li><a href="image/image3.jpg" onmouseover="document.getElementById('big_pict').src="image/image3.jpg"><img src="images/mini3.gif" alt="3 m" /></a></li> <li><a href="image/image4.jpg" onmouseover="document.getElementById('big_pict').src="image/image4.jpg"><img src="images/mini1.gif" alt="1 m" /></a></li> </ul> </div> </div>

---

Juste un problème de quottes

Code:

---

onmouseover="document.getElementById('big_pict').src='image/image0.jpg'"

---

;)

A+

Oups, j'avais fait ca un peu vite ;)

Malheureusement çà ne fonctionne pas pour l'instant , je cherche

Pas de raison que ça ne marche pas :koi:

Une erreur ?
Laquelle et où ?

A+

effectivement çà marche . Bravo et merci

Par contre mon code avec l'erreur de quote, c'est joli, on dirait un sapin de noel :mouarf:

Citation:

---

Envoyé par FMaz

Par contre mon code avec l'erreur de quote, c'est joli, on dirait un sapin de noel :mouarf:

---

Oui, je voulais le corriger, mais au final, il est plus joli comme ça :mrgreen: