Bonjour,

je ne sais pas trop comment intituler ce post.
J'ai pris sur le net un javascript.
Il affichait une image agrandit des vignettes sur lesquelles passaient la souris.
J'ai modifi� (au pif) de telle sorte que l'image agrandit s'affiche � une position d�finie.
Ca fonctionne.

Je suppose qu'il y a donc du code en trop et je ne serais pas contre de le supprimer de mon script.

Tant que je ne passe pas sur une vignette, le cadre avec l'image n'apparait donc pas.
J'aimerais que ce cadre apparaisse quand je ne survole pas sur une image.
Il afficherait une image par d�faut qui serait donc remplac�e par celle des vignette survol�e...

Pas facile � d�crire, j'esp�re avoir �t� clair.

Voici le script puis le css:
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
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
/*----------------------------*/
/*   Script Infobulle
/*   www.webelix.net
/*----------------------------*/
 
// on charge la feuille de style de la bulle.
document.write('<style type="text/css">@import url(infobulle.css);</style>');
// on formate la bulle.
document.write('<div id="bulle" class="infos_bulle"></div>');
// on met à jour la position de la bulle.
document.onmousemove = move_bulle;
 
var i=false; // La variable i nous dit si la bulle est visible ou non
 
function ElementId(id)
{
  return document.getElementById(id);
}
 
function move_bulle(e) // Fonction de suivi de la souris 
{
  if(i){
    if(navigator.appName!="Microsoft Internet Explorer"){
      ElementId("bulle").style.left = 170+"px";
      ElementId("bulle").style.top = 60+"px";
    }else{
      ElementId("bulle").style.left = 165+"px";
      ElementId("bulle").style.top = 60+"px";
    }
  }
}
 
function open_bulle(content)
{
  if(i==false){
    ElementId("bulle").style.visibility = "visible"; // Si la bulle est cacher on la rend visible.
    ElementId("bulle").innerHTML = content; // on copie le contenu dans la bulle
	move_bulle(ElementId("bulle")); // positionnement initial (correctif X.Dusart)
    i=true;
  }
}
 
function close_bulle()
{
  if(i==true){
    ElementId("bulle").style.visibility = "hidden"; // Si la bulle est visible on la cache
    i=false;
  }
}
le css:
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
.link_bulle {
cursor: default;
color: gray;
border-bottom: 0px dotted gray;
}
 
.infos_bulle {
z-index: 500;
position: absolute;
top: -999px;
visibility: hidden;
font: normal 10px Verdana, Arial;
color: black;
padding: 8px;
border: 1px solid #ccc;
background-color: #FFFFF;
opacity: 0.9;
-moz-opacity: 0.9;
filter: alpha(opacity=90); 
}