Bonjour à tous,
J'ai en image une fenêtre d'un logiciel, que je voudrais documenter en détail (chacun des boutons, menus, etc...)
Pour l'instant, j'ai découpé dans l'image originale tous les éléments que je veux documenter, et je les ai tous enregistrés en images individuelles, que j'insère normalement dans mon document.
Je me suis demandé tout à l'heure si c'était une solution viable que de ne garder que la seule image de base, et de créer autant de <div> qu'il y a d'éléments à documenter, en changeant pour chaque <div> les attributs background-position, width, et height pour n'avoir que la portion d'image voulue.
Par exemple:
Code :
- <div style="background-image: url('/FR/Sports/BB/Support/Images/TVideoAffich.png'); background-position: -190px -54px; width: 31px; height: 22px;"></div><p>Recule d'une seconde</p></div>
|
Du coup je gagne en espace disque, puisque je n'ai qu'une seule image.
Je ne suis pas sûr, mais est-ce que du coup je gagne en rapidité d'affichage aussi, la même image étant chargée une seule fois seulement?
Merci d'avance
Mike