2017-08-07 28 views
-3

我有我的當前php代碼分配問題。它從數據庫加載所有300+圖像url(這是快速的),但我需要加載一次10個圖像,一旦所有10加載,我需要它加載另一個10.並顯示一個對話框通知用戶,另一個10在那邊。 這是我的SQL/PHP循環:從DB加載圖像一次10加載

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

+0

#2是一個問答網站...所以有什麼問題嗎? – charlietfl

+0

您正在要求我們爲您做代碼。你所做的只是加載10張圖片,並且有一個條件告訴用​​戶另外10張圖片正在加載,等待它們被加載並顯示出來,並在一定條件下繼續這樣做(例如,如果用戶進入底部該頁面或點擊一個按鈕) – MinistryofChaps

回答

0

使用offset

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

但是,這將是隻有一個請求。如果你想發送其他圖片,你需要在你的客戶端發送一些AJAX請求來每次收集新的10張圖片

0

如果您要求請求圖像數據,即不要在一次從您的服務器,您的術語是「延遲加載圖像」

這是一些JavaScript的起點。它創建了一個圖像,並通知您,當它被加載到瀏覽器:

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