Discussion :

[bouzakher]

bonjour,
bon je veut savoir si je peu apparaitre un infobulle lorsque le curseur passe sur l'une des images dans ce code

en plus si je peu personnaliser mon infobulle, par exemple une image dans l'infobulle et un lien par exemple.

et merci d'avance de votre aide.

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
<div style="position: absolute; left: 50%; top: 60%;">
 
<div id="border" style="border: 1px solid rgb(85, 85, 85); background: rgb(0, 0, 0) none repeat scroll 0% 0%; position: absolute; width: 1000px; height: 280px; left: -500px; top: -170px; ">
</div>
 
 
 
<div id="screen" style="background: rgb(0, 0, 0) none repeat scroll 0% 0%; position: absolute; width: 1000px; height: 280px; left: -500px; top: -170px;">
 
 
 
    <span style="left: 33px; top: 5px; width: 90px; height: 60px; z-index: 93;" >
 
<img style="left: -11px; top: -9px;" src="images/im1.jpg" alt=""  ></span> 
 
    <span style="left: 127px; top: 5px; width: 90px; height: 60px; z-index: 93;">
 
<img style="left: -11px; top: -9px;" src="images/im2.jpg" alt=""></span> 
 
	<span style="left: 221px; top: 5px; width: 90px; height: 60px; z-index: 93;">
 
<img style="left: -11px; top: -9px;" src="images/im3.jpg" alt=""></span>
</div>
</div>

[SpaceFrog]

si tu utilises des librairies de type prototype ou JQuery c'est déja intégré ...
sinon il existe des petites libs sympa
celle ci par exemple :
http://www.walterzorn.com/tooltip/tooltip_e.htm

[bouzakher]

si tu utilises des librairies de type prototype ou JQuery c'est déja intégré ...
sinon il existe des petites libs sympa
celle ci par exemple :
http://www.walterzorn.com/tooltip/tooltip_e.htm

je sais pas comment l'insérer dans mon code.

[SpaceFrog]

c'est pourtant bien expliqué .. il suffit de lire ... ou au pire d'afficher le code source de la page de démo

[bouzakher]

si tu utilises des librairies de type prototype ou JQuery c'est déja intégré ...
sinon il existe des petites libs sympa
celle ci par exemple :
http://www.walterzorn.com/tooltip/tooltip_e.htm

merci c'est résolu chef