我正在尝试使用 php 和lazyload 构建一个图片库。我有大约 8000 张不应该一次加载的图像。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="main.css">
</head>
<body>
<div class="gallery">
<?php
$dir = "img/";
$i = 0;
if (is_dir($dir)) {
if ($dh = opendir($dir)) {
while (($file = readdir($dh)) !== false) {
if(is_file($dir . $file)){
echo "<img class='lazyload' data-src='img/$file' src='img/$file' width='auto' height='600px'>";
}
}
closedir($dh);
}
} ?>
<script src="https://afarkas.github.io/lazysizes/lazysizes.min.js"></script>
</div>
</body>
</html>
我可以一次在 img 文件夹中加载每张图片,但向下滚动时无法加载更多图片。我不想一次加载所有图像。
杨__羊羊
临摹微笑
随时随地看视频慕课网APP
相关分类