Discussion :

[ideal23]

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

[Bovino]

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

[SpaceFrog]

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

[FMaz]

Code :

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

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

Garder son calme, respirer profondément...

[ideal23]

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 :

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
 
<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

[FMaz]

Code html :

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
 
<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>