Chargement d'images

Bonjour,
Je gère actuellement sur mon site 2 sortes de galeries d'images, et dans un but d'homogénéité, j'aimerais ne faire que d'une manière.
J'utilise fancybox pour animer l'agrandissement des images.

La situation actuelle :
Dans ma première galerie, j'affiche une miniature et quand on clique dessus, l'image s'affiche en taille normale.

<a id="example2" href="/doc_utilisateur/essais.jpg">      <img src="/doc_utilisateur/ecole_musique/vignettes/essais.jpg" />   </a>

Dans ma deuxième galerie, je charge directement l'image en taille normale, mais redimmensionnée par css pour faire la vignette.

<a id="example2"class="alignleft" href="/doc_utilisateur/essais.jpg" > <img src="/doc_utilisateur/essais.jpg"  style="width:157px; height:118px" /></a> 

J'hésite entre les deux méthodes. Sachant que je affiche une quinzaine d'image a la fois ( en max 680*510 ), j'ai un peu peur que la deuxième méthode soit un peu plus lourde à charger.
Merci d'avance pour votre avis sur la meilleur façon de faire.

salut,

tu devrais faire des tests pour te faire ton propre avis.
comme ça à l'arrache, je dirais que si pas bcp (tout est relatif) d'images à gérer, ma préférence irait à la 1ere méthode, si par contre un gros volume d'images, alors la 2de solution.

si tu affiches un 15aine d'images 680*510 par page , ça risque quand même d'être lourd avec la 2de solution.

après si tu peux "rationnaliser" le deimensionnement des vignettes (le même pour toutes) il y a peut être qque chose à faire en Php pour générer automatiquement les vignettes.
Modifié par o06 (11 Jan 2012 - 19:50)