1

画像フォルダーから画像をプリロードするために、jquery と php を少し作成しました。それ以来、私たちのサイトは成長し、すべてのポートフォリオ画像はメインの画像ディレクトリ内の別のフォルダーに配置されました. ポートフォリオを高速化するために、これらをプリロードする方法が必要です。以下は私がこれまでに持っているものです。

画像をループして非表示の div に配置し、キャッシュされるようにします。

preload.php 内

<div style="display:none">
<?php
 $dirf    = 'images';
 $dir = scandir($dirf);
 foreach($dir as $file) {
 if(($file!='..') && ($file!='.')) {
       echo "<img src='images/$file' />";
   }
 }
?>
</div>

#preload divを介してページに配置し、後でそれを取り除くために、少しjqueryを使用します

 $('#preload').load('preload.php', function () {
    $('#preload').remove();
});
4

1 に答える 1

0

img タグを追加する必要はありません。その場で作成するだけです。

<script>

<?php
$dirf    = 'images';
$dir = scandir($dirf);
foreach($dir as $file) {
echo "preloads = '";
if(($file!='..') && ($file!='.')) {
    echo "images/$file" . ",";
  }
}
echo "';"
?>

preloads = preloads.split(",")
var tempImg = []

for(var x=0;x<preloads.length;x++) {
    tempImg[x] = new Image()
    tempImg[x].src = preloads[x]
}

setTimeout("tempImg = []", 5000);

</script>
于 2013-09-18T13:05:20.253 に答える