Planche d'image pour un site

aiglenoirdu29 Messages postés 11426 Statut Contributeur -  
creadiff Messages postés 483 Statut Membre -
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

--
Windows has not detected any keyboard. Press Enter to continue.
Hu?

2 réponses

  1. irongege Messages postés 38993 Date d'inscription   Statut Modérateur Dernière intervention   5 128
     
    Salut

    Que veux-tu dire par : Comment faire pour choisir l'icône à afficher ?
    0
    1. aiglenoirdu29 Messages postés 11426 Statut Contributeur 2 363
       
      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
    2. irongege Messages postés 38993 Date d'inscription   Statut Modérateur Dernière intervention   5 128
       
      Un peu dans ce genre :
      http://soft-and-fun.net/ag291.html
      0
    3. aiglenoirdu29 Messages postés 11426 Statut Contributeur 2 363
       
      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
    4. irongege Messages postés 38993 Date d'inscription   Statut Modérateur Dernière intervention   5 128
       
      Ok je vois ce que tu veux dire, je continue à chercher.
      0
  2. creadiff Messages postés 483 Statut Membre 57
     
    Google fait ça aussi ; il faut utiliser background-position.
    0
    1. aiglenoirdu29 Messages postés 11426 Statut Contributeur 2 363
       
      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
    2. creadiff Messages postés 483 Statut Membre 57
       
      Ouip !
      0