再次修改照片墙

请注意,本文编写于 1222 天前,最后修改于 1214 天前,其中某些信息可能已经过气。

感觉之前做的那个瀑布流照片墙还是不太满意。首先是懒加载有问题,为了保持美观,图片的高度是根据一定比例随机分配的,可由于瀑布流逻辑问题,排版只会在加载页面的一瞬间决定。使用统一的加载gif会导致缩略图加载出来的时候排版出现过大空隙。最后只能直接在开始加载全部缩略图,实际上造成了巨大的资源浪费。
第二个问题是瀑布流在打开的瞬间,用户会看到排版过程。
今天折腾了挺久,上面两个问题一个都没解决。
现在让图片下方可以显示标题或简介,所有缩略图进行了裁切压缩,提升画质之余减少了一半的占用空间。

——————————
26日更新
解决了懒加载的问题,瀑布内容器高度问题是由于部分设置auto导致。
采用眼不见为净的解决办法,添加了巨幅banner,遮挡了瀑布流排版的过程。

评论区

评论列表