你怎么才能让一个网页先加载它的结构(div,frame,整体外观),然后一个接一个地加载图片呢?有点像这个网站做的-> 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秒,但当加载时,网页立即显示为包含所有图像的完整页面,我希望它首先加载结构,然后加载图像。谢谢!
发布于 2013-03-24 14:48:28
一种方法是在不查找图像的情况下返回页面,然后在paga加载后使用javascript Ajax调用请求图像数据。然而,这是相当多的跳动,去,用户仍将不得不,等待图像。
我认为你应该问问你自己,这8秒是怎么回事。这对于5张图片来说是很长的时间。使用你的浏览器工具,例如ie9中的f12或火狐中的firebug,来查看单个请求花费了多长时间。
https://stackoverflow.com/questions/15595730
复制相似问题