affichage photo au passage d'une souris

Question

bonjour,

j'aimerai afficher une photo au passage de la souris sur un lien (lien survolé donc)
J'aimerai que cette photo soit juste à coté du lien comme pour le texte dans une balise alt.
Est ce possible? Que faut il utiliser? Avez vous un exemple?

Aurore

cs_bultez · Answer

bonjour, un ch'tit exemple ? [exemple lien] avec dans function affiche event.x et event.y spécifiques à internet explorer, je ne me souviens plus sur les autres navigateurs, mais d'autres lecteurs vont répondre ... on peut c'est sûr améliorer les choses. Cordialement Bul. [Site] [[mailto:marcel.Bultez@Tiscali.fr Mail]]

lilyvirus · Answer

Super, c'est exactement e qu'il me fallait.

merci beaucoup de consacrer du temps pour repondre a mes questions. C'est super! Surtout quand c'est aussi rapide. Je suis contente.

Par contre j'ai quelque questions:

C'est quoi px dans image.style.left=event.x+"px"?
et ca veut dire quoi inline?

Je demande ca car j'ai encore un soucis c'est que dans ma page j'ai un ascenseur et parfois je ne vois pas mon image lorsque je passe sur le lien car elle se cache en haut de la page. Or j'aimerai qu'elle soit toujours sous le lien et plutot vert la droite de celui ci.

lilyvirus · Answer

en fait monnouveau probleme c'est qu'il ne prend pas en compte la position du lien en fonction de l'ecran mais en fonction de la page. du coup ma petite photo disparait!

lilyvirus · Answer

encore un souci :

comment je fais si je veux mettre plusieurs lien de ce genre avec des photos différentes? il me prend toujours la même photo.

désolée d'abuser de votre bonté.  :o)

lilyvirus · Answer

je crois avoir trouvé une partie de la solution :

je pense qu'il faut que je fasse intervenir un parametre dans chacune des fonctions pour appliquer le lien avec sa propre photo

je vais essayer!

lilyvirus · Answer

je n'arrive même pas a mettre des parametre dans la fonction. Je ne suis pas encore très doué. Dreamweaver est un mauvais defaut!!

Si vous pouvez m'aider merci! :o)

Aurore

cs_bultez · Answer

>>C'est quoi px
pixel, je crois
>>inline ou block et none
paramètres de style="display:???"
cacher/montrer l'objet
>>toujours sous le lien et plutot vert la droite
dans l'exemple on affiche là où
l'on clique, on peut moduler/fixer/calculer ou 
récupérer la position de l'objet ( offsetTop, 
offsetLeft je crois )
>>avec des photos différentes

function cache(ima)
{ ima.style.display="none"; }
function affiche(ima)
{ ima.style.left=event.x+"px";
ima.style.top =event.y+"px";
ima.style.display="inline"; }
...onmouseover="affiche(name de img);"
   onmouseout="cache(name de img);"

par exemple.
Cordialement    Bul. [Site] [[mailto:marcel.Bultez@Tiscali.fr Mail]]

lilyvirus · Answer

ok merci je vais essayer tous ca

Aurore  :o)

jpdollo · Answer

J'ai essayé ton script mais il ne marche pas

Je dois etre nul

Jean paul

cs_bultez · Answer

Bonjour,

soit tu appliques mal, soit tu n'utilises pas IE

ça date de 2004 !  et c'était exclusif IE

on peut (facilement) le rendre compatible

tu devrais aussi rechercher "roll over" dans ce forum, dans les sources 
: foultitude de réponses.

<hr />                Cordialement             Bul         [mon Site]     [M'écrire]

Affichage photo au passage d'une souris

10 réponses

Votre réponse

Discussions similaires