onmouseover : image clignote
Bonjour à tous,
Pour info, je suis ultra novice en javascript :-(
dans mon css :
Code:
1
2
3
4
5
6
7
| #infobulle {
position : absolute;
left : 100px;
top : 100px;
display : none;
border : 1px solid blue;
} |
dans ma page :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
| <script type="text/javascript">
//-----------------------
function see_bulle(img_){
var Obj = document.getElementById('infobulle');
Obj.innerHTML = "<img src='" +img_ +"' alt='" +img_ +"'>";
Obj.style.display = "block";
}
//--------------------
function kill_bulle(){
var Obj = document.getElementById('infobulle');
Obj.innerHTML = "";
Obj.style.display = "none";
}
</script> |
Code:
<div id="infobulle"></div><a href="#" onmouseover="see_bulle('http://www.site.com/chemin/image.png');" onmouseout="kill_bulle();">texte qui appelle l'image</a>
L'image clignote !
Je comprends pouquoi :
1. je passe sur le texte l'image apparait
2. L'image prend le pas
3. je ne suis plus sur le texte
4. l'image disparait
5. je suis à nouveau sur le texte => retour à 1
Je n'arrive pas à sortir de cette boucle :-(
Si vous pouviez me filer un coup de main ?!?! Ce serait top !
