Zoom image

Fermé

ephemerie Messages postés 1 Date d'inscription mercredi 16 novembre 2005 Statut Membre Dernière intervention 14 juin 2006 - 14 juin 2006 à 06:08
Jean-François Pillou Messages postés 18301 Date d'inscription lundi 15 février 1999 Statut Webmaster Dernière intervention 16 février 2023 - 14 juin 2006 à 15:16

Bonjours je souhaite faire un zoom sur une image au passage de la souris, merci de regarder mon code car ca ne fonctionne pas

pour le html
<div class="zoom"> <td><center><img src="r2r-img-111-1.jpg" width="90" height="90" align="absmiddle" background-position="center"/></center></td>
</div>

pour le css

.zoom{
height:200px;
weight:200px;
}

.zoom hover{
height:400px;
weight:400px;
}

A voir également:

Zoom image
Image iso - Guide
Acronis true image - Télécharger - Sauvegarde
Zoom pour pc - Télécharger - Téléphonie & Visio
Zoom ecran pc - Guide
Faststone image viewer - Télécharger - Visionnage & Diaporama

1 réponse

Réponse 1 / 1

Jean-François Pillou Messages postés 18301 Date d'inscription lundi 15 février 1999 Statut Webmaster Dernière intervention 16 février 2023 63 274
14 juin 2006 à 15:16

Ca ne va pas marcher... ton code va agrandir le conteneur mais pas l'image...

L'idéal est d'avoir une seconde image zoomée et de l'afficher lorsque la souris passe sur le DIV.
Une solution peut consister à définir un DIV vide, de la taille de ton image avec comme fond l'image en question et le même avec :hover avec l'image zoomée et la bonne taille :

<div class="zoom"><!--va chercher l'image et la taille--></div>

Pour le css

.zoom{
height:90px;
width:90px;
background: white url("r2r-img-111-1.jpg");
}

.zoom:hover {
height:400px;
width:400px;
background: white url("r2r-img-111-1-zoom.jpg");

}

Discussions similaires

PIX

Comment enlever le rouge sur la photo svp ?

Comment recadrer une image avec Inkscape