ZOOM CSS

Résolu/Fermé
milouinbobo Messages postés 20 Date d'inscription mercredi 2 septembre 2009 Statut Membre Dernière intervention 7 mars 2010 - 28 févr. 2010 à 17:51
milouinbobo Messages postés 20 Date d'inscription mercredi 2 septembre 2009 Statut Membre Dernière intervention 7 mars 2010 - 4 mars 2010 à 16:38
Bonjour,

Je souhaiterais integrer dans ma page un zoom.

Le but : en cliquant sur la page HTML, une fenêtre s'ouvre devant la page avec l'image agrandie.

Comme sur la page : http://www.laredoute.fr/vente-t-shirt-impression-drapeau-anglais-pur-coton.aspx?productid=324179130&documentid=414710&cssrc=CrossSell
Quand on clique sur + apercu, une petite fenêtre s'ouvre.

Merci d'avance
A voir également:

4 réponses

avion-f16 Messages postés 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 4 500
28 févr. 2010 à 19:10
Je te conseil plutôt un système de lightbox, c'est plus agréable et plus stylé.
Va faire un tour sur Shadowbox-js.com ou Fancybox.net
0
JeDetesteMaPSP Messages postés 1743 Date d'inscription dimanche 3 janvier 2010 Statut Membre Dernière intervention 4 mai 2014 424
28 févr. 2010 à 19:11
C'est pas du CSS, c'est du JS...

Si tu cliques, augmenter l'image.
C'est pas un zoom d'ailleurs, c'est une augmentation de la taille ( et donc résolution peut-être ) de l'image.
0
avion-f16 Messages postés 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 4 500
28 févr. 2010 à 19:15
La taille de l'image n'est pas augmentée, c'est un cadre qui s'affiche au-dessu :)
En JS ça donne ça :
<a href="tonimage.png" onclick="window.open(this.href,'Titre de l\'image','menubar=no, status=no, scrollbars=no, menubar=no, width=200, height=100');"><img src="tonimage_small.png" alt="" /></a>
0
milouinbobo Messages postés 20 Date d'inscription mercredi 2 septembre 2009 Statut Membre Dernière intervention 7 mars 2010
4 mars 2010 à 16:38
Merci beaucoup pour vos réponses
0