社区
高性能WEB开发
帖子详情
页面图片的逐渐显示
lalaguan
2010-12-12 09:54:33
发现在浏览淘宝某些图片比较多的页面时,他的图片不是一下子全部加载到页面上的,
而是随着你的滚动条往下翻得时候再加载的。
比如你打开它的一个较大的页面,不滑动滚动条,显示在第一屏。当他全部加载完成的时候,你把滚动条往下拉,它又会加载图片,而那些图片是开始没有加载的。。。
各位大虾,知道这是怎么实现的么?
(今天网速出奇地好,竟然没有找到一个效果明显的页面。。。。)
...全文
273
6
打赏
收藏
页面图片的逐渐显示
发现在浏览淘宝某些图片比较多的页面时,他的图片不是一下子全部加载到页面上的, 而是随着你的滚动条往下翻得时候再加载的。 比如你打开它的一个较大的页面,不滑动滚动条,显示在第一屏。当他全部加载完成的时候,你把滚动条往下拉,它又会加载图片,而那些图片是开始没有加载的。。。 各位大虾,知道这是怎么实现的么? (今天网速出奇地好,竟然没有找到一个效果明显的页面。。。。)
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
6 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
lalaguan
2010-12-16
打赏
举报
回复
[Quote=引用 5 楼 loenwang 的回复:]
这是一个JS编程技巧的运用.根据窗口显示的位置来加载显示区域中的图片,一般是根据滚动条的事件来触发实现图片的懒加载的.
[/Quote]
那开始滚动条没有滚动下去的时候,图片的位置是用什么填充的?
怎么知道图片正处在当前可视窗口呢?
loenwang
2010-12-16
打赏
举报
回复
这是一个JS编程技巧的运用.根据窗口显示的位置来加载显示区域中的图片,一般是根据滚动条的事件来触发实现图片的懒加载的.
lalaguan
2010-12-15
打赏
举报
回复
回复都被版主删除了,于是还我结贴的时候还要给被删除了的贴 分?
lalaguan
2010-12-14
打赏
举报
回复
难道我这个发错版块了?
页面
显示
base64的
图片
博客围绕
页面
显示
base64
图片
展开,虽未给出具体内容,但核心是在
页面
上实现base64
图片
的
显示
,这涉及前端
页面
与
图片
格式处理等信息技术相关内容。
html上传
图片
后,在
页面
显示
上传的
图片
博客介绍了在HTML中上传
图片
后,在
页面
显示
所上传
图片
的相关内容,涉及HTML和JS技术。
【js】【
图片
显示
】js控制html
页面
显示
图片
方式
本文介绍了如何利用JavaScript和jQuery来控制HTML
页面
中
图片
的
显示
。通过引入jQuery库,可以方便地实现
图片
的
显示
操作。
vue
页面
table
显示
图片
博客介绍了在Vue
页面
表格中
显示
图片
的方法,指出操作比较简单,只需在
页面
中编写
显示
图片
的代码。
SpringMVC从数据库中读取
图片
显示
到JSP
页面
上
本文详细记录了作者在SpringMVC项目中实现从数据库存储的二进制流中读取
图片
并
显示
到JSP
页面
的过程。首先,讨论了
图片
存储的方案,包括本地存储、服务器存储以及数据库存储。然后,通过代码展示了如何将
图片
上传到数据库,以及如何在JSP
页面
中通过请求处理控制器从数据库读取
图片
并输出到响应流中。最后,提到了动态加载瀑布流照片墙的实现,以及在JavaScript中处理
图片
源的技巧。文章还涉及了路径配置、HTTP响应和JSON数据交互等问题。
高性能WEB开发
25,980
社区成员
4,366
社区内容
发帖
与我相关
我的任务
高性能WEB开发
高性能WEB开发
复制链接
扫一扫
分享
社区描述
高性能WEB开发
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章