次のカップルの画像をダイナミックギャラリーにプリロード

Question

ファイル名がある場合は、画像をプリロードするためのソリューションを検索して見つけました。しかし、私のギャラリーと画像は動的なので、画像を呼び出すためのPHPエコー画像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"を返します。おそらく高さと幅のプロパティを持つほうが良いでしょうし、次元を配列に格納することもできます。

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