簡體   English   中英

我必須在移動瀏覽器上顯示1000多個未分類的圖片縮略圖,但我不知道如何

[英]I've got to display 1000+ uncategorized picture thumbnails on a mobile browser and I don't know how

在手機上進行測試時,我嘗試的所有內容均達不到要求。 加載時間長得令人無法接受,滾動很生澀,等等。我正在使用的縮略圖寬度為120px。 我了解這不是一個特定的問題,但我想聽聽您如何解決這種問題?

我可以想到三種方法

  1. 經典方式:使用分頁,每頁僅顯示10/20/50 ..縮略圖
  2. 現代(復雜)方式:在用戶滾動時添加圖像,當圖像離開可見區域時從DOM中刪除圖像(最著名的示例:谷歌圖片搜索)
  3. 笨拙的方式:在服務器上將圖像拼接在一起,將它們作為群集,例如3 x 5拇指

我建議您不要一次加載所有縮略圖。 當頁面首先加載時,您可以加載50或數百個縮略圖,如果單擊更多按鈕,則可以加載剩余的縮略圖。 或者您可以將它們整理成頁面

一次加載會使您的網頁大小超過MB,這顯然會花費大量時間

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM