| Auteur | |
|---|---|
| David-Dante | |
| 199 Posts |
Salut, suite de ce sujet http://forum.alsacreations.com/topic-27-60085-1.html#lastofpage J'ai réussi à trouver comment injecter du code. Maintenant, je voudrais ajouter une condition pour injecter l'image qui corresponds à la résolution. En cherchant, j'ai essayé ce bout de code mais ça ne fonctionne pas. Ca ne charge que la première image quelque soit la résolution.
Comment il faut faire pour donner les conditions s'il vous plait? Modifié par David-Dante (03 Feb 2012 - 11:10) |
| Fahrenheit | |
| 107 Posts |
Je crois (donc je peux me tromper) que ce script applique la condition au chargement de la page. Je l'ai déjà utilisé pour mon portfolio et il fonctionne.
Cela dit, je ne comprends pas pourquoi tu ne passes pas par des media queries. |
| David-Dante | |
| 199 Posts |
Salut, Je viens de trouver.
Ce script est pour IE parce qu'il ne supporte pas la fonction "content" si il n'y a pas une pseudo-class qui suit. Et si je fais
Là, l'image s'affiche mais ne se redimensionne pas. Je perds le coté responsive de mon design du coup. Un jour pour trouver ce bout de code sinon, bonjour la productivité. Mais maintenant que je l'ai, ça ouvre pas mal de porte pour afficher une image adapté à la résolution et faire économiser de la bande passante. Merci pour ta réponse en tout cas. |
| Raphael | |
twitter.com/goetter Administrateur 12067 Posts |
Hello, J'ai une solution un peu plus "universelle" si tu as plusieurs images à traiter (ce qui est souvent le cas) : Si la largeur d'écran est supérieure à 640 pixels on change le chemin des images jpg de classe « kiwi » de « _... » vers « _big » Par exemple, "mon_image-small.jpg" devient "mon_image_big.jpg"
Modifié par Raphael (04 Feb 2012 - 15:04) Dès le matin, j'ai la tête dans le flux ! |
| David-Dante | |
| 199 Posts |
Salut Raphael, Merci pour ta réponse mais je ne suis pas assez calé en JS pour comprendre ce code. Je comprends l'intérêt par contre. Modifié par David-Dante (05 Feb 2012 - 17:18) |