Zoom sur galerie d'images

par fred71 Jeu 6 Mai 2010 - 9:29

Bonjour à tous,
Alors voila, je voudrais mettre plusieurs petites images sur la page d'accueil de mon forum et que quand on passe la souris dessus, un zoom se fasse sur l'image (un zoom direct, sans effet).
J'ai donc essayé avec une seule image pour commencer, et ça marche. Mais ensuite, j'ai voulu faire un tableau avec une petite image par cellule mais mes images ne s'affiche plus. Et si je les met les unes à coté des autres, sans tableau, l'espace entre mes image est très grand (ça prend en compte le taille de ma grande image).
Désolé, je ne sais pas si je suis bien clair et je n'ai pas d'exemple sous la main..
Merci.

par fred71 Ven 7 Mai 2010 - 18:50

Personne pour me répondre.
Si je me suis mal exprimé dites le moi, j'essaierai de faire mieux

par fred71 Sam 8 Mai 2010 - 23:10

Bonsoir,
comme je n'ai pas de réponse, je vais essayer d'etre plus clair.
Ce que je voudrai, c'est metre une galerie d'image sur ma page d'accueil et que lorqu'on survole une de ces images, un zoom se fasse.
Merci

par vpeybernes Sam 8 Mai 2010 - 23:20

Bonsoir.

Pourrai tu nous donner les code que tu utilise afin de voir ce qui pose problème.
Si tu as déjà mis le code sur une page, nous donner le lien pourrait aider aussi.

Merci

par fred71 Sam 8 Mai 2010 - 23:40

Ke code que j'ai trouvé est le suivant :

CSS:
.zoom {
height:300px;
margin:auto;
}
.zoom p {
text-align:center;
}
.zoom img {
width:112px;
height:75px;
}
.zoom img:hover {
width:448px;
height:298px;
}

HTML
<div class="zoom"><p><img src="mon_image"/></p></div>

Il marche bien pour une image seule, mais quand je veux en mettre plusieurs ça va pas.

par fred71 Lun 10 Mai 2010 - 23:31

Bonsoir,
je me permet de relancer un coup mon sujet, je n'ai toujours pas trouvé la solution

par vpeybernes Mar 11 Mai 2010 - 0:08

Et comment les incère tu quand tu en mets plusieurs ?

Une chose est sûr, je pense qu'il vaut mieux ajouter position : absolute à .zoom img:hover

par fred71 Mar 11 Mai 2010 - 23:16

Au dépard, je voulais les mettre dans un tableau, mais ça marche pas, et quand je les met les unes à coté des autres, elles s'écartent de la taille de l'image zoomée.