En effet : tu semble avoir une bonne cinquantaine d'images. Donc autant de requêtes HTTP.
En plus de ça, le fichier CSS intègre lui même des images à mettre en fond.
Ça fait donc bien une centaine de requêtes.
C'est énorme.
Tu peux très bien utiliser la méthode ci dessous, mais ça n'allègera pas la page.
Je te conseille plutôt d'utiliser la méthode des portes coulissantes pour ça, mais risque à mon avis de ne pas marcher dans les navigateurs pourris comme IE 6/7/8.
En fait, cette méthode utilise une seule grande image, qui est une mosaïque de toutes les autres.
En fonction du lien, il suffit de placer la grande image au bon endroit derrière, un peu comme un pochoirs.
Tu peux l'essayer avec ceci :
http://lehollandaisvolant.net/tout/dl/exempl1.zip
Tu vois que je n'ai utilisé que deux images : une "normale" et une pour le "hover".
Ce que se passe, c'est que en fonction du lien, j'ai changé la position de l'image de fond (background-position). Comme ça, l'image même si elle est grande, vient ne montre que la partie que l'on veut.
Lors de l'ajout d'un jeu sur ton site, il te suffit de modifier l'image avec toutes les miniatures et hop !
L'image est à faire "au pixel près" aussi.
