Version imprimable
Bonjour, peut etre qu'il y a deja eu des posts sur ça mais j'ai pas trouvé !!
Voila je voudrai que lorsque je passe le curseur sur une image, elle s'agrandisse, une espéce de zoom qui double la taille par exemple.
merci de vos reponses ou liens
tomenbois
Salut
Un site avec pas mal d'exemple : Stu Nicholls | CSSplay | CSS demonstrations
Regarde la rubrique Demos - Photo galleries
ouais alors , pour l'image j'ai deja eu un probleme similaire :
supposons que tu aies une image de ce genre
tu rajoutes un attribut :"onmouseover" qui renvoie vers une fct JavascriptCode:
2<img id="image" src="toto.gif" width="30" height="40">
qui va modifier les attributs width et height!
Moi j'ai fait ça , ça marche bien cela dit les images que j'ai utilisé sont des images vectorielles donc le résultat était très bon! Sinon rique que ça pixelise un peu !!!!!Code:
2
3
4
5
6
7
8function zoomPlus(v){ var obj = document.getElementById("image"); var longueur =obj.height; var largeur = obj.width; obj.height = Math.round(longueur * v); obj.width =Math.round(largeur * v); }
Exellent site, merci beaucoup :)Citation:
Envoyé par Strix
Merci de vos reponses, je vais essayer de le mettre en place :bug:
le truc c'est que j'ai jamais fais de css pour l'instant, je sais pas trop ou sa se met et comment sa marche