繁体   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