Diaporama de photos qui s'affiche en grand au passage de la souris [Résolu]

Signaler
Messages postés
7
Date d'inscription
mardi 28 juillet 2009
Statut
Membre
Dernière intervention
30 juillet 2009
-
Messages postés
7
Date d'inscription
mardi 28 juillet 2009
Statut
Membre
Dernière intervention
30 juillet 2009
-
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.html
Merci d'avance de toutes aides, je suis débutant.

12 réponses

Messages postés
4933
Date d'inscription
samedi 1 juillet 2006
Statut
Membre
Dernière intervention
2 février 2015
11
j'ai proposé un agrandisemnt
puis j'ai proposé une autre image

si vous n'êtes pas capable de faire
ce que vous demandez, faut arrêter
de faire du html....
Messages postés
4933
Date d'inscription
samedi 1 juillet 2006
Statut
Membre
Dernière intervention
2 février 2015
11
Bonjour,

>>agrandissement de vignettes au passage de la souris
on peut faire en css pur
regarde du coté de :over
l'agrandissement :
__ c'est la même image dont on modifie
la taille ou une autre image ?
__ se met à la place de la vignette
ou est placée ailleurs ?

Cordialement [mon Site] [M'écrire] Bul
Messages postés
7
Date d'inscription
mardi 28 juillet 2009
Statut
Membre
Dernière intervention
30 juillet 2009

Je donne l'adresse d'un site comme exemple mais je que je cherche est en fait une série de vignettes autour de l'écran qui s'agrandissent au centre au passage de la souris.
Messages postés
4933
Date d'inscription
samedi 1 juillet 2006
Statut
Membre
Dernière intervention
2 février 2015
11
bah quand vous répondrez à mes questions,
peut-être pourrons nous allez plus loin ?
Messages postés
7
Date d'inscription
mardi 28 juillet 2009
Statut
Membre
Dernière intervention
30 juillet 2009

J'avais cru répondre, la seule précision; c'est la vignette sur laquelle on passe qui doit être agrandie,
B.A.T
Marc
Messages postés
419
Date d'inscription
dimanche 31 août 2003
Statut
Membre
Dernière intervention
19 avril 2010
1
salut à toi aussi,

[i]ce que je cherche est en fait une série de vignettes autour de l'écran qui s'agrandissent au centre au passage de la souris./i

parce que bien entendu tous les ecrans ont la même taille ...

ou alors tu fais un script qui arrange tes vignettes en fonction de la resolution de l'ecran ?

L.

pas glop !
Messages postés
7
Date d'inscription
mardi 28 juillet 2009
Statut
Membre
Dernière intervention
30 juillet 2009

Bonjour,
Les vignettes (petites photos ont 180x134 et leurs agrandissements 540 x 402 soit 3x plus grand
Messages postés
4933
Date d'inscription
samedi 1 juillet 2006
Statut
Membre
Dernière intervention
2 février 2015
11
on y arrive....

ch'tiot exemple, avec 4 images
vous adapterez, compléterez...


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
img				{	border:0;	}
pre,img,span	{	display:inline;	}
a span 			{ 	display: none;	
position: absolute;
top: 40%;
left: 40%;
}
a:hover span	{ 	display: inline;	}
</style>
</head>

[# 

]
[# 

]
[# 

]
[# 

]

</html>
Messages postés
7
Date d'inscription
mardi 28 juillet 2009
Statut
Membre
Dernière intervention
30 juillet 2009

Merci pour ce résultat, c'est dans l'idée seulement ici on part de la vignette que l'on agrandit. Ce qu'il faudrait c'est la même chose mais que la vignette soit la photo en miniature et l'agrandissement sa taille réelle.
Marc
Messages postés
4933
Date d'inscription
samedi 1 juillet 2006
Statut
Membre
Dernière intervention
2 février 2015
11
pfff......
ça fait 15 fois que je posais la question,
vous sembliez avoir répondu,
et après mon exemple,
vous nous dites autre chose ????
c'est pénible...

et avec l'exemple vous ne savez pas faire ????
vous ne faites aucun effort si ??

remplacer dans le span par l'image
qu'il faut afficher et sucrer le
style="width:300%"
Messages postés
7
Date d'inscription
mardi 28 juillet 2009
Statut
Membre
Dernière intervention
30 juillet 2009

Merci pour votre patience.
La dernière solution proposée, m'oblige d'avoir la même photo en 2 tailles différentes, n'existe-t-il pas le contraire de la commande style="width:300%" pour réduire ?
Messages postés
7
Date d'inscription
mardi 28 juillet 2009
Statut
Membre
Dernière intervention
30 juillet 2009

Merci pour tout, jai trouvé mon bonheur grace à vos exemples.