Chargement des images et media queries sur mobile

Super intéressant, merci.

Merci, dommage que ça ne fonctionne que pour les images de background.
Modifié par Hermann (12 Apr 2012 - 14:43)

jmlapam a écrit :
Très bonne source, merci patidou.
Bah les media queries via CSS...

J'ai oublié un mot : dommage que ça ne fonctionne QUE pour les images de background

Hermann a écrit :
Merci, dommage que ça ne fonctionne que pour les images de background.

Raphael m'a donné une astuce sur un autre sujet:

Raphael a écrit :
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"

if(screen.width>640) {
   var img_list = document.getElementsByTagName('img');
   var i = 0;
   while (element = img_list[i++]) {
      if (element.className == 'kiwi') {
      var url = element.src;
      var posUrl = url.lastIndexOf('_');
      var preUrl = url.substring(0,(posUrl+1));
      var newUrl = preUrl+'big.jpg';
      element.src = newUrl;
     }
   }
}

http://forum.alsacreations.com/posting.php?action=newp&tid=60092&fid=5&p=1&q=410551