Question

基本上我有一个包含1000多张图像的页面，它需要永远加载。什么是最好的方法，只用于加载前10个图像然后用户向下滚动或点击下一个10加载按钮。

提前致谢

$large = 'large';
$q = $handler->prepare("SELECT * FROM ads WHERE status = ? AND slot = ? LIMIT 0, 5");
$q->bindParam(1, $live);
$q->bindParam(2, $large);
$q->execute();
if($q->rowCount() > 0){
    echo '<div style="margin-top: 5px; margin-bottom: 5px; width: 1020px; border: 2px solid #428bca"></div>';
    while($r = $q->fetch()){
    $web = $r['website_url'];
    $img = $r['image_url'];
    {
    echo '
    <a target="_blank" href="'.$web.'"><img style="margin-left: -4px" src="'.$img.'" height="150" width="150" onmouseout="shrink2(this);" onmouseover="expand2(this);"/></a>
    ';
    }
}
}

它的那个x 10,000

这只是一个查询显然我无法输入所有1000个查询

Answer 1

这是我使用的。易于设置：）

http://plugins.jquery.com/lazyload/

示例页面：http://www.appelsiini.net/projects/lazyload/enabled_fadein.html

需要一个连续加载1000 +图像的解决方案

1 个答案: