Agrandir une image au passage de la sourie
Résolu
Séné31
Messages postés
91
Date d'inscription
Statut
Membre
Dernière intervention
-
tryan44 Messages postés 1288 Date d'inscription Statut Membre Dernière intervention -
tryan44 Messages postés 1288 Date d'inscription Statut Membre Dernière intervention -
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.
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.
A voir également:
- Agrandir une image au passage de la sourie
- Comment agrandir une image - Guide
- Passage qwerty azerty - Guide
- Image iso - Guide
- Légender une image - Guide
- Comment agrandir l'affichage de l'écran - Guide
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 */
}
Utilisateur anonyme
je te conseille de mettre ton image en position absolute car sinon tout ton site va bouger en même temps
Séné31
Messages postés
91
Date d'inscription
Statut
Membre
Dernière intervention
8
Oui j'ai remarqué, merci beaucoup !
Utilisateur anonyme
Si tu pense que ton problème est résolu, met résolu. Bonne journée
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
http://img4.hostingpics.net/pics/164446CubeFBNormal.jpg
http://img4.hostingpics.net/pics/335860CubeFBAprs.jpg
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
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
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question