Предварительная загрузка изображений следующей пары в динамической галерее

Question

Я искал и обнаружил решения для предварительной загрузки изображений, если у меня есть их имена файлов. Однако моя галерея и изображения динамичны, поэтому он запускает код URL-адреса эхо-изображения php для вызова моих изображений.

<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> 

Что я могу сделать, чтобы поджать следующие 2 или 3 изображений в галерее, так как я не смогу дать точный файл изображения для каждого из моих галерей. Единственное решение, которое я нашел, это сделать все предварительные загрузки изображений, которые я не хочу.

Answer 1

Вы, вероятно, можно скрыть изображения при загрузке страницы, и вы можете запустить вашу преднагрузку функции изображения

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

Answer 2

Я не ясно, что вы просите, но вы не можете загрузить ресурс без зная, что это путь.

Кроме того, я предполагаю, что размер $ image-> возвращает строку width = "X" height = "Y". Вероятно, вам будет лучше иметь свойство высоты и ширины или сохранить размеры в массиве.

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