CSS image réactive (comme le JS)
Résolu/Fermé
Masterfree
Messages postés
171
Date d'inscription
lundi 13 décembre 2004
Statut
Membre
Dernière intervention
3 avril 2020
-
2 oct. 2006 à 17:28
Ssylvainsab Messages postés 2884 Date d'inscription samedi 29 juillet 2006 Statut Modérateur Dernière intervention 15 août 2020 - 2 oct. 2006 à 23:31
Ssylvainsab Messages postés 2884 Date d'inscription samedi 29 juillet 2006 Statut Modérateur Dernière intervention 15 août 2020 - 2 oct. 2006 à 23:31
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
A voir également:
- CSS image réactive (comme le JS)
- Image iso - Guide
- Comment réactiver le pavé tactile ? - Guide
- Acronis true image - Télécharger - Sauvegarde
- Inkscape rogner image ✓ - Forum Graphisme
- Supprimez les composantes rouge et verte de cette image. quel mot apparaît ? ✓ - Forum Photoshop
2 réponses
Ssylvainsab
Messages postés
2884
Date d'inscription
samedi 29 juillet 2006
Statut
Modérateur
Dernière intervention
15 août 2020
825
2 oct. 2006 à 21:29
2 oct. 2006 à 21:29
Bonsoir.
Je ne connais pas d'adresse, mais pour faire une "image réactive", je pense qu'il suffit d'utiliser ce code html :
avec ce code css :
Je viens de tester chez moi, ca marche.
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.
Ssylvainsab
Messages postés
2884
Date d'inscription
samedi 29 juillet 2006
Statut
Modérateur
Dernière intervention
15 août 2020
825
2 oct. 2006 à 23:31
2 oct. 2006 à 23:31
Ah, et voila mieux : https://openweb.eu.org/articles/zoom_image/