Aperçu de photo par passage du curseur

Question

Bonjour, je souhaiterai faire sur mon site un aperçu des photos quand on passe le curseur dessus. Une fois qu'on est plus sur la photo, l'aperçu s'enleve, comment je peux faire? Je travaille sur Frontpage
Merci !
Florie

Florie · Answer

Y'a personne qui peut m'aider ? :'(((((((((((

Florie · Answer

hé bien, je crois que ça s'appelle On Mouse Over mais j'suis pas pas sure ... J'aimerai que, quand on passe le curseur sur un mot, y'ai une image qui apparaisse, par exemple si dans mon site j'ai FLORIE et que je fais un lien avec une image, j'aimerai que quand on passe le curseur sur FLORIE, l'image apparaisse sur la meme page, a coté de la souris, et quand on enleve la souris, il disparait... j'avais vu un site où ça y été tu veux que je te donne l'adresse pour que tu vois ?

Florie · Answer

c'est là dessus :

http://ruisseaudefacegorras.chiens-de-france.com/bouvier-bernois,ruisseaudefacegorras,chiens-fiche,edelblut-z-ochoze,242,119858.html

bon moi a la place des toutes minis photos, j'aimerai que ça soit des mots mais le principe c'est ça, quand on passe la souris sur une toute mini photo, y'a un grand aperçu qui se fait...

RAD ZONE · Answer

SALUT

sur le site que tu m a indique c est du js !! mais il y as un solution plus simple en css !!

voila un exemple ICI

le code css a metre dans ta page

a.viewpic {
	position:relative;
	font-size: 24px;  la tu modifi la taille du texte
	font-weight: bold;
}

a.viewpic span {display: none;}

a:hover.viewpic span {
  display: inline;
  position: absolute; 
  top: -20px;
  left:150px; la tu modifi a combien de la sourie tu veut voir la photo
  z-index: 20;
  width:100%;  la c est la taille de l image 
  padding:2px 4px;
}

et tu fais tes liens comme cela

<a class="viewpic" href="ton lien">Survolez-moi<span><img src="url de to image" alt="image" /></span></a>

a adapter sous opera !!!!

RAD

a adapter sous opera !!!! RAD

Aperçu de photo par passage du curseur

4 réponses

Votre réponse

Newsletters