Précharger les images suivantes dans une galerie dynamique

Question

J'ai cherché et trouvé des solutions pour précharger des images SI j'ai leurs noms de fichiers. Cependant, ma galerie et mes images sont dynamiques, donc il exécute un code d'URL d'image php echo pour appeler mes images.

<a href="<?php echo $image->imageURL ?>" <?php echo $image->thumbcode ?> > 
    <?php if (!$image->hidden) { ?> 
    <img title="<?php echo $image->alttext ?>" alt=" 
    <?php echo $image->alttext ?>" src="<?php echo $image->thumbnailURL ?>" 
    <?php echo $image->size ?> /> 
    <?php } ?></a> 

Que puis-je faire pour précharger les 2 ou 3 prochaines images dans la galerie que je ne serai pas en mesure de donner le fichier image exacte pour chacun de mes galeries. La seule solution que j'ai trouvée était de faire toutes les précharges d'images dont je ne veux pas.

Answer 1

Vous pouvez probablement cacher vos images lors de chargement de la page et vous pouvez exécuter votre pré-charge la fonction d'image

$('#gallery img').hide(); 
$('#gallery img').each(function(e) { 
$(this).delay(500*e).fadeIn('slow'); 
}) 

Answer 2

Je ne suis pas clair quant à ce que vous demandez, mais vous ne pouvez pas charger une ressource sans sachant que c'est le chemin.

Aussi, je suppose que $ image-> size renvoie la chaîne width = "X" height = "Y". Vous aurez probablement intérêt à avoir une propriété height et width ou à stocker les dimensions dans un tableau.

if($image->width) { 
    echo 'width="' . $image->width . '"'; 
}