Discussion :

[tomenbois]

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

[Strix]

Salut

Un site avec pas mal d'exemple : Stu Nicholls | CSSplay | CSS demonstrations
Regarde la rubrique Demos - Photo galleries

[chaminette]

ouais alors , pour l'image j'ai deja eu un probleme similaire :

supposons que tu aies une image de ce genre

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<img id="image" src="toto.gif" width="30" height="40">

tu rajoutes un attribut :"onmouseover" qui renvoie vers une fct Javascript
qui va modifier les attributs width et height!

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
function 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);
}

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 !!!!!

[mickado]

Salut

Un site avec pas mal d'exemple : Stu Nicholls | CSSplay | CSS demonstrations
Regarde la rubrique Demos - Photo galleries

Exellent site, merci beaucoup

[tomenbois]

Merci de vos reponses, je vais essayer de le mettre en place

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