0

Web ページがその構造 (div、フレーム、全体的な外観) を最初にロードしてから、画像を 1 つずつロードするようにするにはどうすればよいでしょうか? このウェブサイトの機能のようなもの -> www.9gag.com

mysql クエリを使用して画像を表示します。以下のコードを参照してください。

function display_posts($page){
$start=($page*5)-4;
$query="SELECT * FROM `posts`   ORDER BY postid DESC LIMIT $start, 5";
$result = $mysqli->query($query) or die($mysqli->error.__LINE__);

while($row = $result->fetch_assoc()) {  

   $pic=$row['pic'];
   $postid=$row['postid'];

echo "<p class=\"pic_title\">".$row['title']."</p>";
echo "<a href='view.php?img=".$postid ."'><img src='". $pic ."' /></a> ";

}

5 つの画像の完全なページを読み込むのに約 8 秒かかりますが、読み込まれると、Web ページはすべての画像を含む完全な状態ですぐに表示されます。最初に構造を読み込み、次に画像を読み込みます。ありがとう！

4

1 に答える 1

1

1 つの方法は、画像を検索せずにページに戻り、paga がロードされたら、javascript Ajax 呼び出しを使用して画像データを要求することです。ただし、これは非常にドキドキすることであり、ユーザーはまだ画像を待つ必要があります。

この 8 秒がどこに行くのかを自問する必要があると思います。これは、5 つのイメージに多くの時間を費やします。IE9 の f12 や Firefox の firebug などのブラウザ ツールを使用して、個々のリクエストにかかる時間を確認します。

于 2013-03-24T06:48:27.570 に答える