[CSS] Astuce pour éviter les préchargements d'images

Je pense que cette astuce mérite d'être dans une rubrique comme "Optimisation de sites" Wink

Elle utilise les CSS de façon assez poussée (je préviens d'avance que ça risque d'être chaud pour les débutants dans le domaine).

L'idée est de n'avoir qu'une seule image unique pour TOUS les rollovers du site, mais seule une partie de l'image est affichée au départ, le reste de l'image (caché au débu) se dévoile selon le bouton survolé.

Les avantages d'une telle méthode sont multiples :

* Eviter de faire un préchargement pour chaque bouton de menu.
* Eviter de faire des découpes d'images et d'accumuler les fichiers inutiles.
* Utilisation d'une image unique pour tout le menu et tous les survols.

Plus d'explications et des exemples ici : http://www.alsacreations.com/articles/rollover_unique/

Administrateur Inscrit le: 26 Mar 2004 Messages: 1552 Localisation: /var/www/

Oui j'étais déjà sur la rédaction pour les découpes mais pas pour le reste. Je pense qu'enlever le preload ne sert à rien et demande d'alourdir la page CSS.
N'utiliser qu'une image pour un menu n'est adapté qu'à un nombre restreint de situations non ?

Citation:

Je pense qu'enlever le preload ne sert à rien et demande d'alourdir la page CSS.

Alourdir la page ? euh non au contraire, le code est plus court (une seule image à traiter) et l'effet est pratique pour les menus graphiques

Citation:

N'utiliser qu'une image pour un menu n'est adapté qu'à un nombre restreint de situations non ?

Au contraire, on peut étendre le principe à TOUS les graphismes de la page. C'est le principe des sprites CSS : http://pompage.net/pompe/sprites/ C'est assez révolutionnaire !

[CSS] Astuce pour éviter les préchargements d'images

[CSS] Astuce pour éviter les préchargements d'images

[CSS] Astuce pour éviter les préchargements d'images

[CSS] Astuce pour éviter les préchargements d'images

[CSS] Astuce pour éviter les préchargements d'images

Rappel du sujet de la page : [CSS] Astuce pour éviter les préchargements d'images