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

基本上，我有一个页面，有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 10000吗

---

这只是一个查询，显然我无法输入所有1000多个查询。也易于设置：

---

示例页面：

，有go@adeneo那太酷了Thanks@Lashane我已经认为一个对我来说不起作用了，现在尝试Nicks one一些信息：它不在数据库中，它全部在一个文件中已经编写好了。你得先把它修好。在执行javascript时，您无法阻止加载这些图像。可能会将图像路径数组输出到javascript，而不是将标记写入页面。@KevinB您能举个例子吗？我是否应该将类名应用于所有查询？这可能是最简单的。不管怎样，它都会直接加载任何正在查看的图像。它对我不起作用：还有什么建议吗