begin process at 2012 05 28 23:28:51
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Archive Javascript

 > 

Archives

 > 

AU SECOURS !!!

 > 

affichage photo au passage d'une souris


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

affichage photo au passage d'une souris

jeudi 2 décembre 2004 à 13:43:22 | affichage photo au passage d'une souris

lilyvirus

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

jeudi 2 décembre 2004 à 14:03:00 | Re : affichage photo au passage d'une souris

bultez

Membre Club
bonjour,
un ch'tit exemple ?

<HTML>
<HEAD>
<TITLE></TITLE>
<script type="text/javascript">
function cache()
{ image.style.display="none"; }
function affiche()
{ image.style.left=event.x+"px";
image.style.top =event.y+"px";
image.style.display="inline"; }
</script>
</HEAD>
<BODY>
<a href="exemple"
onmouseover="affiche();"
onmouseout="cache();">lien</a>
<img src="C:CasseTete.GIF"
name="image"
style="display:none;position:absolute;left:0;top:0">
</BODY></HTML>

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] [Mail]
jeudi 2 décembre 2004 à 14:59:21 | Re : affichage photo au passage d'une souris

lilyvirus

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.

jeudi 2 décembre 2004 à 15:05:36 | Re : affichage photo au passage d'une souris

lilyvirus

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!
jeudi 2 décembre 2004 à 15:19:45 | Re : affichage photo au passage d'une souris

lilyvirus

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)
jeudi 2 décembre 2004 à 15:25:09 | Re : affichage photo au passage d'une souris

lilyvirus

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!
jeudi 2 décembre 2004 à 15:43:08 | Re : affichage photo au passage d'une souris

lilyvirus

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
vendredi 3 décembre 2004 à 09:34:28 | Re : affichage photo au passage d'une souris

bultez

Membre Club
>>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] [Mail]
vendredi 3 décembre 2004 à 11:22:36 | Re : affichage photo au passage d'une souris

lilyvirus

ok merci je vais essayer tous ca

Aurore :o)
vendredi 1 août 2008 à 17:04:30 | Re : affichage photo au passage d'une souris

jpdollo

J'ai essayé ton script mais il ne marche pas

Je dois etre nul

Jean paul

1 2

Cette discussion est classée dans : passage, lien, affichage, souris, photo


Répondre à ce message

Sujets en rapport avec ce message

Quel code pour affichage d'une photo au passage de la souris ? [ par Web_SYFILM ] Salut à tous, Je recherche le script pour une fonction bien précise !  Dans un tableau simple divisé en deux colones, une vignet Peux ton faire jouer un son au passage de la souris [ par ZeDarkness ] Salut à tous,Voilà , je suis vraiment un newfie dans le javascript et le reste aussi d'ailleurs , hiihihi.Mais j'aimerais savoir si c'est possible de affichage au passage de la souris [ par hippip ] bonjour, je ne connais pas grand chose au javascript alors je vais tenter d'etre cliar: je souhaite qu'au passage de la souris sur certin mots, un tex Surligner un lien au passage de la souris sur une image??? [ par Monico9385 ] Bonjour, je vous écris car j'ai une image et un lien qui sont cote a cote, et j'aimerai que quand l'on survole l'image, le lien se souligne. Je préci faire afficher le prénom sur une photo par passage de souris [ par LODDO81 ] bonjour Sur mon site en html, je voudrais, si possible au passage de la souris, sur une photo de groupe faire afficher le prénom des personnes. Quelq Effet loupe popup au passage de la souris [ par tendres ] Bonjour, J'aimerai utiliser un système de zoom dans une popup au passage de la souris sur une image/photo dans n'importe quel format (portrait /paysa Diaporama de photos qui s'affiche en grand au passage de la souris [ par Marcove ] Je cherche un code permettant de faire l'agrandissement de vignettes au passage de la souris comme sur le site http://www.immobilierela.be/fr/index.ht rollover texte change [ par japower01 ] Bonjour, je cherche a faire un rollover sur un texte pour que celui ci change au passage de la souris Ce script ne marche pas http://www.javascriptfr. js dropdown menu seulement au deuxième passage de la souris [ par calibal ] Bonjour tout le monde. J'ai un petit soucis que je n'arrive pas à résoudre. En effet, j'essaye de faire un menu dropdown en jquery. Dans l'absolue il [java] affichage d'un texte progressivement au passage de la souris [ par 25thibault ] Salut tout le monde ! J'ai un gros problème je n'arrive pas a afficher PROGRESSIVEMENT un texte au passage de la souris sur une photo. je n'est aucu


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

Photothèque

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,265 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales