Question

我希望通过ajax处理我的图像，以便在视觉上预先加载，而不是通常加载图像，您可以看到它们从上到下构建。请看一下here。你看到的是我想要在我的php文件中直观地看到的内容。

从数据库加载图片的部分如下：

$sql = "SELECT * FROM `fabric`".$filter;
$result=mysql_query("$sql");

//echo $sql;

$data = "";
$ii = 0;
$m = 0;

while($myrow = mysql_fetch_array($result)){
    $ii++;
    $m++;
    if ($m == 1) $data = $data."<div class=\"page current\">";
    elseif ($ii == 1) $data = $data."<div class=\"page\">";

    $data = $data."<a href=\"#\" title=\"".$myrow['name']."\" class=\"show_fabric\" rel=\"".$myrow['id']."\"><img src=\"".$image_directory.$myrow['thumbnail']."\" width=\"100 px\" height=\"100 px\"><div class=\"fb_name\">".$myrow['name']."</div></a>\n";
    if ($ii == 10) {


    $data = $data."</div>";
        $ii = 0;
    }
}
    if ($ii != 10) {
        $data = $data."</div>";
    }

if (empty($data)) echo "No result";
else echo $data;
?>

我真的不知道如何更改php以获得演示中显示的效果。感谢您提出的所有建设性建议，并原谅我的高兴：）

Answer 1

你需要javascript，你不能单独使用php。基本思想是使用例如visibility: hidden来隐藏您的图像，并在它们完全加载时让它们淡入。在加载时，您将加载图像放在顶部，当您开始淡入图像时将其移除。

正如你给出的例子，是一个插件，也许你甚至可以使用它而不是自己编写它。

如何在我的php文件中实现这个图像预加载器？

1 个答案: