在动态图片库中预加载下几个图像

Question

我已经搜索并找到了如果有文件名就可以预加载图像的解决方案。 但是，我的画廊和图像是动态的，因此它运行php echo图像url代码来调用我的图像。

    <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-> size返回字符串width =“ X” height =“ Y”。 具有height和width属性，或者将尺寸存储在数组中可能会更好。

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