前端 javascript

js实现图片懒加载

当有大量图片在一个网页中的时候,往往用户不想一次性加载出来,占用缓存和网络。这时候使用图片懒加载就可以用js代码在适当的时间加载一批图片,比如在图片瀑布流中,当用户滑到网页底部的时候下一批图片才会被加载,给人实时刷新的感觉。具体可以将图片的src属性值清空或者换成统一的占位... 查看
前端 javascript

js实现横向图片瀑布流-谷歌、百度图片布局

使用css实现横向瀑布流会有图片的缺失,可以通过js改变整列图片的高来达到两侧对齐的效果。这样没有图片的变形和缺失。无序图片瀑布流效果:demo网址思路是设置图片容器的flex-wrap属性为wrap,实现图片自动换行。首先将图片的高度设成一个固定值,在图片即将换行的的最后... 查看