Les Allergies
Alimentaires
Posez votre question Signaler

Zoomer sur une image au passage de la souris

madeinlove 18Messages postés 6 août 2007Date d'inscription - Dernière réponse le 6 nov. 2011 à 22:53
Bonjour, c'est mon 1e post, je decouvre le forum. J'ai fait une recherche dans les topics préexistants mais je n'ai pas trouvé ce que je cherche.
Je suis en train de créer un site pour le compte d'une assoc' et je cherche à faire un zoom sur des photos au passage de la souris un peu comme sur cette page : http://www.rueducommerce.fr/Ordinateurs/17-PC/888-PC-RDC.htm à la seule différence que mes photos ont toutes la meme hauteur mais pas la meme largeur (pas les memes dimensions quoi !!).
J'aimerai faire un scrit en javascript ou CSS qui me permette de multiplier x1,5 la taille de mes photos au passage de la souris mais de la meme manière que sur la page que je vous ai indiqué plus haut. Càd que je voudrais que la photo s'agrandisse par dessus les autres, sans les décaler.
J'ai pensé à utiliser :hover sur la feuille CSS mais dans ce cas ça me décale toutes les autres photos et je suis obligée de créer un code CSS par photo puisqu'elles n'ont pas les memes dimensions.
Merci d'avance pour votre aide et n'hésiter pas s'il vous faut plus de renseignements.
MIL.
Lire la suite 

Zoomer sur une image au passage de la souris »

10 réponses
Réponse
+2
moins plus
Salut

Tu as 2 exemples

en javascript ici
http://www.jejavascript.net/imag_zoom.php

en css ici
http://batraciens.net/css-astuces/image-survol-zoom.htm
olivier - 6 nov. 2011 à 22:53
merciiii pour tes conseils!!
Ajouter un commentaire
Réponse
+1
moins plus
Bonjour,

j'ai essayé l'effet zoom en css, ca marche très bien voir trop bien car ca zoom tous les encadrés de ma page. Y a t-il une possibilité pour que je fasse une sélection des images que je veux zoomer?

merci d'avance,Configuration: Windows XP Internet Explorer 6.0
Ajouter un commentaire
Réponse
+1
moins plus
oui tu créé un fichier de style .css que tu appliques uniquement sur ton image, dans ta balise img
Ajouter un commentaire
Réponse
+0
moins plus
Bonsoir et merci.

J'avais trouvé ces scripts en fouinant sur le net mais dans le cas de ces 2 scripts (et de tout ceux que j'ai trouvé) la photo s'agrandit en décalant tout le reste alors que moi je voudrais qu'elle passe par dessus le reste.

Si vous avez d'autres idées.... Merci encore.
Ajouter un commentaire
Réponse
+0
moins plus
up ! Merci !
Ajouter un commentaire
Réponse
+0
moins plus
up again !
Ajouter un commentaire
Réponse
+0
moins plus
merci beaucoup!!!!
Ajouter un commentaire
Réponse
+0
moins plus
Bonjour, je recherche également une manière d'effectuer cette action mais en passant par Flash, pourrais t'on me guider svp ?
GedEpervier - 6 oct. 2011 à 21:46
Avec flash pas besoin de remplacer une image utilisez une animation(interpolation) ou simplement 2 ilmages clés.
Ajouter un commentaire
Ce document intitulé « zoomer sur une image au passage de la souris » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?