ZOOM CSS

Résolu
milouinbobo Messages postés 20 Date d'inscription   Statut Membre Dernière intervention   -  
milouinbobo Messages postés 20 Date d'inscription   Statut Membre Dernière intervention   -
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 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
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   Statut Membre Dernière intervention   424
 
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 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
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   Statut Membre Dernière intervention  
 
Merci beaucoup pour vos réponses
0