Planche d'image pour un site

aiglenoirdu29 Messages postés 10205 Date d'inscription   Statut Contributeur Dernière intervention   -  
creadiff Messages postés 445 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

J'ai vu plusieurs fois des sites qui utilisent des planches d'images, c'est à dire une image contenant par exemples toutes les icônes. Un exemple de planche

J'aurais voulu savoir comment ça marche exactement ?
Comment faire pour choisir l'icône à afficher ? Des exemples de code?

Merci
A voir également:

2 réponses

irongege Messages postés 41001 Date d'inscription   Statut Modérateur Dernière intervention   5 079
 
Salut

Que veux-tu dire par : Comment faire pour choisir l'icône à afficher ?
0
aiglenoirdu29 Messages postés 10205 Date d'inscription   Statut Contributeur Dernière intervention   2 349
 
J'ai remarqué ces planches sur des sites qui n'affichent par exemple que la 3 ème icône, puis dans une autre page, utilisent la 12 ème, ...

en fait au lieu d'utiliser 15 images, il font une seule qui les contient toutes et n'affichent que celle qui les intéressent quand il le faut, en 'pointant' dessus. C'est justement ça qui m'intéresse, comment n'afficher qu'une partie de l'image globale.
0
irongege Messages postés 41001 Date d'inscription   Statut Modérateur Dernière intervention   5 079
 
Un peu dans ce genre :
http://soft-and-fun.net/ag291.html
0
aiglenoirdu29 Messages postés 10205 Date d'inscription   Statut Contributeur Dernière intervention   2 349
 
C'est un peu l'idée. Mais on ne doit pas cacher une partie, mais utiliser une.

En gros, avoir par exemple ton image 1 de la page 1 en haut à gauche et ton image 2 de la page 2 au même endroit. Faut que je te trouve un exemple de site qui utilise ça.
0
irongege Messages postés 41001 Date d'inscription   Statut Modérateur Dernière intervention   5 079
 
Ok je vois ce que tu veux dire, je continue à chercher.
0
aiglenoirdu29 Messages postés 10205 Date d'inscription   Statut Contributeur Dernière intervention   2 349
 
mort de rire j'ai pas chercher loin, celui çi par exemple en utilise.

Tu vois les fond pour les menu et catégories, ils sont pris sur cette image = http://static.ccm2.net/www.commentcamarche.net/_skin/_common/img/bg_sprite.png
0
creadiff Messages postés 445 Date d'inscription   Statut Membre Dernière intervention   57
 
Google fait ça aussi ; il faut utiliser background-position.
0
aiglenoirdu29 Messages postés 10205 Date d'inscription   Statut Contributeur Dernière intervention   2 349
 
ok donc on fait une DIV de genre 50px par 50px si on a des images de cette taille et on positionne le coin de l'image que l'on veux affiché à l'aide de background-position ?

je vais tenter merci :)
0
creadiff Messages postés 445 Date d'inscription   Statut Membre Dernière intervention   57
 
Ouip !
0