Planche d'image pour un site

Fermé
aiglenoirdu29 Messages postés 10177 Date d'inscription mercredi 24 décembre 2008 Statut Contributeur Dernière intervention 5 mai 2020 - 2 mai 2011 à 12:17
creadiff Messages postés 445 Date d'inscription samedi 3 avril 2010 Statut Membre Dernière intervention 3 novembre 2011 - 2 mai 2011 à 23:07
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 40847 Date d'inscription jeudi 1 novembre 2007 Statut Modérateur Dernière intervention 29 juin 2023 5 058
2 mai 2011 à 12:26
Salut

Que veux-tu dire par : Comment faire pour choisir l'icône à afficher ?
0
aiglenoirdu29 Messages postés 10177 Date d'inscription mercredi 24 décembre 2008 Statut Contributeur Dernière intervention 5 mai 2020 2 344
Modifié par aiglenoirdu29 le 2/05/2011 à 12:33
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 40847 Date d'inscription jeudi 1 novembre 2007 Statut Modérateur Dernière intervention 29 juin 2023 5 058
2 mai 2011 à 12:56
Un peu dans ce genre :
http://soft-and-fun.net/ag291.html
0
aiglenoirdu29 Messages postés 10177 Date d'inscription mercredi 24 décembre 2008 Statut Contributeur Dernière intervention 5 mai 2020 2 344
2 mai 2011 à 13:00
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 40847 Date d'inscription jeudi 1 novembre 2007 Statut Modérateur Dernière intervention 29 juin 2023 5 058
2 mai 2011 à 13:01
Ok je vois ce que tu veux dire, je continue à chercher.
0
aiglenoirdu29 Messages postés 10177 Date d'inscription mercredi 24 décembre 2008 Statut Contributeur Dernière intervention 5 mai 2020 2 344
Modifié par aiglenoirdu29 le 2/05/2011 à 13:02
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 samedi 3 avril 2010 Statut Membre Dernière intervention 3 novembre 2011 57
2 mai 2011 à 21:17
Google fait ça aussi ; il faut utiliser background-position.
0
aiglenoirdu29 Messages postés 10177 Date d'inscription mercredi 24 décembre 2008 Statut Contributeur Dernière intervention 5 mai 2020 2 344
2 mai 2011 à 23:02
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 samedi 3 avril 2010 Statut Membre Dernière intervention 3 novembre 2011 57
2 mai 2011 à 23:07
Ouip !
0