0

如何让网页首先加载其结构（div、框架、整体外观），然后一张一张地加载图像？有点像这个网站的功能-> 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 秒，但是当它加载时，网页会立即显示完整的所有图像，我希望它首先加载结构，然后是图像。谢谢！

4

1 回答 1

1

一种方法是在不查找图像的情况下返回页面，然后在 paga 加载后使用 javascript Ajax 调用来请求图像数据。然而，这是相当多的悸动，去，用户仍然需要，等待图像。

我认为你应该问自己这 8 秒的去向。这对于 5 张图像来说是很多时间。使用您的浏览器工具，例如 ie9 中的 f12 或 Firefox 中的 firebug 来查看各个时间请求所花费的时间。

于 2013-03-24T06:48:27.570 回答