Zoom

Le
ppellero
Bonjour,

Je suis a la recherche d'un script qui puisse faire un zoom d'une
vignette au passage de la souris.
Je sais le faire en CSS mais ca ne convient pas du tout.
Je pense qu'il n'y a que le javascript pour cela.
Mais voila moi je ne suis pas capable de le faire.
Merci de votre attention.

Paul
--
Paul Pellero Agay (Var)
mailto:paulpellero@wanadoo.fr
Site: http://www.pellero.net
Vidéos High-Tech et Jeu Vidéo
Téléchargements
Vos réponses
Gagnez chaque mois un abonnement Premium avec GNT : Inscrivez-vous !
Trier par : date / pertinence
SAM
Le #16460311
ppellero a écrit :
Bonjour,

Je suis a la recherche d'un script qui puisse faire un zoom d'une
vignette au passage de la souris.
Je sais le faire en CSS mais ca ne convient pas du tout.



et pourquoi ça ne convient pas ?
code ?


Je pense qu'il n'y a que le javascript pour cela.



Ben! il parait que certains savent s'en passer ?

<span></span></a>
<span></span></a>

CSS (qui charge les grandes images à l'ouverture) :
================================================== a img { border: 0 }
a span { display: none; position: absolute; width: 400px; height: 300px;
background: no-repeat center center #ccc; }
a:hover span { display: block }
a.img_01 span { background-image: url(grande_01.jpg); }
a.img_02 span { background-image: url(grande_02.jpg); }

Mais voila moi je ne suis pas capable de le faire.



Faire "quoi" exactement ?
Zoomer dans l'image ?
Zoom à côté ?
Zoom à la place ?
Les grandes vues doivent être post-chargées ?

Merci de votre attention.



<img src="vue_normale.jpg" width="200"
onmouseover="this.style.width=this.width*2+'px';"
onmouseout="this.style.width='';"
alt = "image largeur 400px"
title="zoomez-moi">


--
sm
ppellero
Le #16460951
SAM a écrit :
ppellero a écrit :
Bonjour,

Je suis a la recherche d'un script qui puisse faire un zoom d'une
vignette au passage de la souris.
Je sais le faire en CSS mais ca ne convient pas du tout.



et pourquoi ça ne convient pas ?
code ?


Je pense qu'il n'y a que le javascript pour cela.



Ben! il parait que certains savent s'en passer ?

<span></span></a>
<span></span></a>

CSS (qui charge les grandes images à l'ouverture) :
======================== ========================= ==
a img { border: 0 }
a span { display: none; position: absolute; width: 400px; height: 300px ;
background: no-repeat center center #ccc; }
a:hover span { display: block }
a.img_01 span { background-image: url(grande_01.jpg); }
a.img_02 span { background-image: url(grande_02.jpg); }

Mais voila moi je ne suis pas capable de le faire.



Faire "quoi" exactement ?
Zoomer dans l'image ?
Zoom à côté ?
Zoom à la place ?
Les grandes vues doivent être post-chargées ?

Merci de votre attention.



<img src="vue_normale.jpg" width="200"
onmouseover="this.style.width=this.width*2+'px';"
onmouseout="this.style.width='';"
alt = "image largeur 400px"
title="zoomez-moi">




ces type de zoom déplacent les autres images à coté quand on agrand i.
J'ai vu des zoom ou l'image grossie viens pardessus et ne bouleverse pas
la page

--
Paul Pellero Agay (Var)
mailto:
Site: http://www.pellero.net
SAM
Le #16466411
ppellero a écrit :
SAM a écrit :
ppellero a écrit :
Bonjour,

Je suis a la recherche d'un script qui puisse faire un zoom d'une
vignette au passage de la souris.
Je sais le faire en CSS mais ca ne convient pas du tout.



et pourquoi ça ne convient pas ?





ces type de zoom déplacent les autres images à coté quand on agrandi.
J'ai vu des zoom ou l'image grossie viens pardessus et ne bouleverse pas
la page



Ce devrait être à mon sens de simples réglages CSS.
(bien que ce ne soit pas touj facile avec IE)


Bon, allez, un truc simple en JS


--
sm
ppellero
Le #16468021
SAM a écrit :
ppellero a écrit :
SAM a écrit :
ppellero a écrit :
Bonjour,

Je suis a la recherche d'un script qui puisse faire un zoom d'une
vignette au passage de la souris.
Je sais le faire en CSS mais ca ne convient pas du tout.



et pourquoi ça ne convient pas ?





ces type de zoom déplacent les autres images à coté quand on agr andi.
J'ai vu des zoom ou l'image grossie viens pardessus et ne bouleverse
pas la page



Ce devrait être à mon sens de simples réglages CSS.



Oui c'est vrai après réglage, maintenant le zoom sur chaque vignettes
marche bien sans déranger la page.

(bien que ce ne soit pas touj facile avec IE)


Bon, allez, un truc simple en JS



Merci pour les liens je vais les visiter.

A+

--
Paul Pellero Agay (Var)
mailto:
Site: http://www.pellero.net
Publicité
Poster une réponse
Anonyme