Agrandir une image au passage de la sourie

Résolu/Fermé
Signaler
Messages postés
91
Date d'inscription
vendredi 28 juin 2013
Statut
Membre
Dernière intervention
17 mai 2017
-
Messages postés
1288
Date d'inscription
mardi 24 janvier 2012
Statut
Membre
Dernière intervention
26 octobre 2014
-
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.



6 réponses


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 */
}

4
Utilisateur anonyme
je te conseille de mettre ton image en position absolute car sinon tout ton site va bouger en même temps
0
Messages postés
91
Date d'inscription
vendredi 28 juin 2013
Statut
Membre
Dernière intervention
17 mai 2017
8
Oui j'ai remarqué, merci beaucoup !
0
Utilisateur anonyme
Si tu pense que ton problème est résolu, met résolu. Bonne journée
0
Messages postés
91
Date d'inscription
vendredi 28 juin 2013
Statut
Membre
Dernière intervention
17 mai 2017
8
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
0
Messages postés
1377
Date d'inscription
mercredi 18 mars 2009
Statut
Membre
Dernière intervention
5 mars 2020
195
slt! une suffit si c'est qu'une question de dimension
0
Messages postés
1811
Date d'inscription
vendredi 28 janvier 2011
Statut
Membre
Dernière intervention
31 décembre 2018
266
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
0
Messages postés
91
Date d'inscription
vendredi 28 juin 2013
Statut
Membre
Dernière intervention
17 mai 2017
8
Merci mais c'est en CSS, merci quand même :)
0
Messages postés
91
Date d'inscription
vendredi 28 juin 2013
Statut
Membre
Dernière intervention
17 mai 2017
8
Ok :)
0
Messages postés
1288
Date d'inscription
mardi 24 janvier 2012
Statut
Membre
Dernière intervention
26 octobre 2014
231
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).
0