Zoomer sur une image au passage de la souris
madeinlove
Messages postés
18
Date d'inscription
Statut
Membre
Dernière intervention
-
olivier -
olivier -
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.
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.
A voir également:
- Zoomer sur une image au passage de la souris
- Quelle touche pour débloquer la souris ? - Guide
- Passage qwerty azerty - Guide
- Image iso - Guide
- Légender une image - Guide
- Frédéric cherche à faire le buzz sur les réseaux sociaux. il a ajouté une image d’ours polaire sur une image de plage. retrouvez l'image originale de la plage. que cache l'ours polaire ? - Forum Graphisme
8 réponses
Salut
Tu as 2 exemples
en javascript ici
https://twitter.com/ceosammassey
en css ici
http://batraciens.net/css-astuces/image-survol-zoom.htm
Tu as 2 exemples
en javascript ici
https://twitter.com/ceosammassey
en css ici
http://batraciens.net/css-astuces/image-survol-zoom.htm
olivier
merciiii pour tes conseils!!
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,
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,
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.
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.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question