CSS image réactive (comme le JS)
Résolu
Masterfree
Messages postés
212
Statut
Membre
-
Ssylvainsab Messages postés 2892 Statut Modérateur -
Ssylvainsab Messages postés 2892 Statut Modérateur -
Bonjour à tous,
Je crois savoir qu'il est possible de faire une img réactives avec du css.
Je sais qu'il y a aussi le JS, ce dont j'utilise, mais je crois que le Css est moins lourd.
Je l'ai vu sur un site spécialisé mais où ??? Et comme à cette époque, je n'envisageais pas de changement !...
Si vous connaissez une adresse, merci de me la donner, ce serait sympa.
Cordialement, Masterfree
Je crois savoir qu'il est possible de faire une img réactives avec du css.
Je sais qu'il y a aussi le JS, ce dont j'utilise, mais je crois que le Css est moins lourd.
Je l'ai vu sur un site spécialisé mais où ??? Et comme à cette époque, je n'envisageais pas de changement !...
Si vous connaissez une adresse, merci de me la donner, ce serait sympa.
Cordialement, Masterfree
2 réponses
-
Bonsoir.
Je ne connais pas d'adresse, mais pour faire une "image réactive", je pense qu'il suffit d'utiliser ce code html :<div id="image_reactive"></div>
avec ce code css :div#image_reactive {background-image : url ( l'url de ton image par rapport au fichier css);} div#image_reactive:focus, div#image_reactive:hover {/*pareil, mais une autre image}
Je viens de tester chez moi, ca marche. -
Ah, et voila mieux : https://openweb.eu.org/articles/zoom_image/
