J'utilise de grandes images dans la plupart de mes publications (Wordpress). J'aimerais les optimiser pour les utilisateurs mobiles. Je ne suis pas sûr de ce que l'optimisation signifie, mais je suppose que CSS, jquery ou JS bascule l'image plus grande pour un plus petit?Comment changer d'image pour les utilisateurs mobiles?
Y a-t-il des exemples de la façon dont cela devrait être fait?
Jquery Bires fera exactement ce que vous voulez.
J'utiliser les CSS médias requêtes pour servir différents CSS en fonction de la taille de l'écran
https://developer.mozilla.org/en-US/docs/CSS/Media_queries
Par exemple
@media (max-width: 700px) { ... }
servirais CSS spécifique à un appareil avec écran ci-dessous 700px
aussi jeter un oeil à cette question http://stackoverflow.com/questions/3893342/do-iphone-android-browsers-support-css-media-handheld – Sam
Comment cela optimise-t-il chaque grande image dans chaque article? Dois-je fournir un #ID pour chaque image et référencer l'image des deux versions différentes de CSS qui seront servies? – 4thSpace
N'est-ce pas lent? Pour les utilisateurs de bureau, ils commenceront avec une image plus petite, ce qui déformera la mise en page, puis la plus grande image se charge, en changeant la page. Cela semblerait un peu confus. – 4thSpace
Malheureusement, cela ne fonctionne pas pour l'iPhone. – 4thSpace