根據數據隨機無限滾動

Question

我正在制作一個將顯示無盡圖像的網站。 圖片的隨機列表將由php腳本從.txt中讀取網址生成。 在客戶端，我需要以隨機大小和位置在不同的div中顯示此圖像。 問題是：我必須生成一個列表，然后將其插入到JS可以采用的呈現的html中？ 此JS的任何方向都可以讀取url，並在滾動時動態創建具有隨機寬度/邊距的div？

請原諒。 非常感謝您的幫助。

Answer 1

PHP腳本將在網站加載時執行一次ONCE，因此，除非您使用ajax調用或其他方法，否則您不能僅使用PHP輸出“無限”的數據量，因為您遲早會超時。

您應該使用jQuery，並學習如何使用$ .ajax調用php來使用jQuery append加載更多圖像。 那應該是一種簡單而干凈的方法（每次用戶到達網站底部時都調用事件）。

Answer 2

您可以使用masonry類的無限加載庫。 這里是實例演示這里 。 可以在此處查看幫助材料。