Afficher/masquer le menu
Liens Ecyseo
  • Tags cloud
  • Daily
  • Pictures wall
  • Search
  • Display options
    • Links per page :
    • 20 links
    • 50 links
    • 100 links
  • RSS Feed
  • Login

J'ai besoin d'intimité. Non pas parce que mes actions sont douteuses, mais parce que votre jugement et vos intentions le sont.

5169 links 

page 1 / 1

Liste des liens

Adaptive Images in HTML
2012-11-10 15:8 - permalink -

La taille de l'écran est détectée via une ligne de javascript qui la stocke dans un cookie.

Un fichier .htaccess redirige les demandes d'affichage d'images (jpg, gif et png) vers un script php qui utilise le cookie précédent pour envoyer une image adaptée à la taille de l'écran.

Si l'image n'existe pas dans un dossier cache, le script php la génère pour les prochaines requêtes.

Limitations identifiées par l'auteur :

  • c'est du php
  • ne fonctionne pas si le site est délivré par un CDN (Content Delivery Networks) pour qui le cache n'est pas utilisé
  • il n'y a pas de garantie que le cookie soit envoyé avant la requête pour une image, même via javascript. Si c'est le cas, c'est la plus petite image qui sera envoyée pour les mobiles et la plus grosse pour les bureaux. Une solution sans javascript existe mais elle est beaucoup moins rapide.

Je n'ai pas encore testé ce script mais il me semble très prometteur.

design images javascript php responsive
- http://adaptive-images.com/
page 1 / 1


Tags


  • shaarli
  • wikipedia

Tags cloud

Shaarli - The personal, minimalist, super-fast, database free, bookmarking service by the Shaarli community - Help/documentation
Affiches "loi aviva" créées par Geoffrey Dorne le 13 Mai, 2020 - Mastodon 1 - Mastodon 2