Agrandir une image au passage de la sourieRésolu/Fermé

Question

Bonjour, 

Je possède un site web, mais je m'y connais peut en html ou css ...
Bref, en fait j'aurai besoin que quand on passe sur une image, l'image s'agrandisse mais pas en infobulle que juste elle s'agrandisse de l'endroit où elle est.

Donc j'ai déjà fait le tour de plusieurs tutoriel ... Dont un sur le forum mais rien ne fonctionne ( https://forums.commentcamarche.net/forum/affich-3700175-agrandir-une-image-au-passage-de-la-souris )

Donc si vous savez, merci de m'indiquer en répondant au sujet !

Cordialement.


Configuration: Windows 7 / Chrome 28.0.1500.72

Utilisateur anonyme · Accepted Answer

salut, en css :


img{
width: 150px; /*tu met les bonnes dimensions */
height: 200px; /* pareil */
}

img:hover{
width: 155px; /*tu met les dimensions agrandies */
height: 205px; /* pareil */
}

Séné31 · Answer

Sachant que j'ai deux images de différente dimensions si besoin !
http://img4.hostingpics.net/pics/164446CubeFBNormal.jpg
http://img4.hostingpics.net/pics/335860CubeFBAprs.jpg

totodunet · Answer

slt! une suffit si c'est qu'une question de dimension

inspiring · Answer

Bonjour,

Ou sinon tu as aussi la possibilité de le faire en javascript, je te post pas l'exemple ici, je me permet de te renvoyer vers la page de mon site où il est écrit, ce sera plus lisible

http://dbmwebdesign.fr/Ressources/glossaire/guide-attribut-evenement-html5.html

en début de page

Comme le signale @lobotofix, prenne le décalage en compte, mais ce n'est pas forcement un problème ce décalage

Séné31 · Answer

Ok :)

tryan44 · Answer

Salut,

Perso j'ajouterai simplement une class css à l'image ou l'attribut "hover" modifierait la taille de celle-ci avec un effet de transition (css3).

Agrandir une image au passage de la sourie

6 réponses

Discussions similaires

Newsletters