Question

如果我有自己的文件名，我已经搜索并找到了预装图像的解决方案。然而，我的画廊和图像是动态的，所以它运行一个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>

我可以做什么来预先加载画廊中的下两个或三个图像，因为我无法为每个画廊提供精确的图像文件。我发现的唯一解决方案是将所有图像预加载，这是我不想要的。

Answer 1

您可以在页面加载时隐藏图像，并且可以运行预加载图像功能

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

Answer 2

我不清楚你在问什么，但是你不能在不知道它的路径的情况下加载资源。

另外，我假设$ image-＆gt; size返回字符串width =“X”height =“Y”。拥有高度和宽度属性可能会更好，或者将维度存储在数组中。



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

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

在动态图库中预加载下一对图像

2 个答案: