加载前10次加载来自DB的图像

时间:2017-08-07 18:42:43

标签: javascript php jquery

我在使用当前的PHP代码时遇到了麻烦。它从数据库中加载了所有300多个图像URL(这很快)但我需要加载10个图像,一旦所有10个图像加载,我需要它加载另一个10.并显示一个对话框通知用户,另外10个在那里。 这是我的sql / PHP循环:



<?php $results = $con->query("SELECT * FROM media WHERE catagory = 'funday' AND image_format = 'jpg'"); ?>
		    					<?php while($result = $results->fetch_object()): ?>
								<img src="media/<?=$result->image?>.<?=$result->image_format?>" data-full="media/<?=$result->image?>.<?=$result->image_format?>" class="m-p-g__thumbs-img" />
								<?php endwhile;?>
&#13;
&#13;
&#13;

2 个答案:

答案 0 :(得分:0)

使用offset

SELECT name FROM mydb ORDER BY score DESC LIMIT 10 OFFSET 10

但这只是一个请求。如果你想发送其他图片,你需要在你的客户端javascript发送一些AJAX请求,每次收集新的10张图片

答案 1 :(得分:0)

如果您要求按需请求图像数据,即不是从服务器一次获取所有图像数据,则您的术语是“#la;加载图像&#34;

以下是一些JavaScript的起点。它会创建一个图像,并在将其加载到浏览器时通知您:

&#13;
&#13;
var myImage = document.createElement("img"); // create an image element
myImage.onload = function() { console.log("loaded"); } // attach its load event
myImage.setAttribute("src", "http://lorempixel.com/400/200/"); // set its source
&#13;
&#13;
&#13;