浏览器滚动到哪里显示图片效果如何做

HelloNet 2011-05-18 09:35:04

如题，当图片很多的时候如果直接加载会很慢，如何实现浏览器滚动具体位置在显示图片呢？我看到很多网站也是这么做，是浏览器设置还是通过加载js之类的实现的？

...全文

111 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

yuxh81 2011-05-18

打赏
举报

回复

[Quote=引用 1 楼 liujian650107 的回复:]

jquery的lazyload插件足矣做到这一点......
[/Quote]

这功能很实用，改天试试

小辛、 2011-05-18

打赏
举报

回复

jquery的lazyload插件足矣做到这一点......

本文介绍了如何使用H5实现一个类似跑马灯效果的图片滚动显示，详细讲解了从图片的开始和停止控制，鼠标事件响应，无限循环以及滚动速度设置等方面。还提供了效果演示及具体的代码示例。

本文介绍了如何在PyQT5应用程序中使用QLabel显示图片，并添加滚动条以便在需要时进行界面滚动。同时，还讨论了如何隐藏滚动条以及自定义滚动条样式。通过实现wheelEvent，实现了滚轮控制界面的滚动效果。

本文介绍如何使用HTML和CSS创建图片滚动效果。通过设置div-ul-li结构，利用CSS动画属性如animation-name、animation-duration等，实现图片连续滚动，无需JavaScript。关键在于计算动画的translateX值，确保图片流畅滚动。

博客围绕界面滚动条设置展开。介绍了常规滚动条设置、鼠标经过显示滚动条、界面可滚动但不显示滚动条的方法，还提及系统和浏览器兼容性问题，如Windows和Mac系统差异、不同内核浏览器效果不同，最后给出在Windows上实现macOS滚动条样式的处理办法。

本文介绍了如何使用WPF构建一个图片浏览器，该浏览器可以显示文件夹中的图片，以小图形式展示在ListBox中，大图以512*512尺寸显示。通过ScrollViewer实现滚动查看，支持图片放大、缩小、1:1比例、上一张、下一张等操作。XAML代码详细描述了ScrollViewer、ListBox及Button的样式，后台代码展示了图片加载、大小变化等功能的实现。

87,989

社区成员

224,684

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章