new!
|
|
|
 |
| > Une image "clignote" |
[ Posté par benji1000 ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 28-02-2008 à 11:35 | 2 messages ]
Bonjour,
j'ai utilisé pour mon site un script permettant, au passage de la souris sur un lien, d'afficher une image. Voici le lien de ma page :
http://www.benji1000.net/series_americaines.html
Les liens sont les titres de séries au centre (je suis en ce moment en train d'éditer la page, et les pages vers lesquelles pointent ces liens ne sont pas encore créées).
Vous pourrez constater que, sous Internet Explorer, l'image suit la souris sans problème, mais que sous Firefox, l'image ne suit pas la souris et se fout par dessus mon lien, en clignotant.
Je me suis en fait servi de ce script :
http://www.editeurjavascript.com/scripts/scripts_navigation_3_637.php
en le modifiant de sorte à afficher une image et non du texte.
Je pense que vous pouvez directement voir le code source de la page avec le bouton droit, donc pourriez-vous me dire ce qui cloche, et pourquoi l'image "clignote" sous Firefox et pas sur les autres navigateurs ? Ce script est pourtant marqué compatible. En auriez-vous éventuellement un autre à me proposer ?
J'ai quelques connaissances de bases en xHTML et CSS mais pas en Javascript.
Merci d'avance pour vos réponses.
[Message édité par benji1000 le 28-02-2008 à 11:49]
[Message édité par benji1000 le 28-02-2008 à 11:50]
________________
www.benji1000.net
|
|
|
[ Posté par #:-{)% ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 28-02-2008 à 14:00 | 2325 messages ]
Alut
essaies en rajoutant des px : ....style.left = x + decal_x + "px";
Atchao
________________
Oubli du BBcode, rééditer!
barbe-sauvage ex Mozopiens devenu renard de feu... et un peu konq sur les bords
Les OG et les DR, je M pas :/
| [ Posté par benji1000 ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 28-02-2008 à 20:16 | 2 messages ]
|
Désolé du temps de ma réponse.
Ca marche ! C'est génial ! Merci beaucoup pour ta réponse !
Si ça peut servir aux autres, le code correct est donc :
<div id="bulle" style="position: absolute;"></div>
<script>
decal_x = 25; <!-- Choisissez le décalage entre le pointeur de la souris et l'affichage de l'image -->
decal_y = 0; <!-- Choisissez le décalage entre le pointeur de la souris et l'affichage de l'image -->
</script>
<script>
document.onmousemove = suivre_souris0;
var contenu
function pop0(contenu)
{
document.getElementById("bulle").innerHTML = "<table border='3'bordercolor='blue'style='background-color: #000000;'cellpadding='0' cellspacing='0'><tr><td><font color='#ffffff'face='comic sans ms'size='2'><b>"+contenu+"</b></font></td></tr></table>";
}
function suivre_souris0(e)
{
if (navigator.appName=="Microsoft Internet Explorer")
{
var x = event.x + document.body.scrollLeft; var y = event.y + document.body.scrollTop;
}
else
{
var x = e.pageX; var y = e.pageY;
}
document.getElementById("bulle").style.left = x + decal_x + "px"; document.getElementById("bulle").style.top = y + decal_y + "px";
}
function disparaitre0()
{
document.getElementById("bulle").innerHTML = '';
} |
|
pour initialiser le script, puis, pour les liens :
| <a href="page.html" onMouseOver="pop0('<img src=images/image_au_sujet_de_la_page.jpg>')" onMouseOut="disparaitre0()">Page</a> |
|
[Message édité par benji1000 le 28-02-2008 à 20:16]
[Message édité par benji1000 le 28-02-2008 à 20:18]
________________
www.benji1000.net
|
|
Services email :
Vous devez vous identifier pour profiter des services par email du forum.
|
|
]
