[水区万能]IT业内进,这种类型的网页叫啥来着,好像见到过好多次了

RT,祭扫求教
www.hao3650.com
下拉图片自动加载的..是不是有个学名怎么的,最近想学习做这种类型的....

这个叫图片延迟加载技术，很多开源的CMS系统都有相应的插件实现这个功能。它的原理与“页面预载”（page preloader）正好相反。在负载较大的服务器上，延迟图片载入（当访客滚动页面直到图片即将进入访客视野时才加载图片）可以节省带宽和服务器资源。

以往为了使访客感觉“页面打开很快”，大家都在浏览器端使用“页面预载”技术，提前读取页面中的链接对象页面，当访客点击某个链接时，那个链接所对应的页面实际上已经在本地浏览器缓存文件中保存了，所以打开很快。有的浏览器甚至允许用户选择“预读”的层数。

很显然，“页面预载”方式虽然方便了访客，但却加重了服务器的负担。因为有些预读的链接，访客可能根本不去点击它。这是对服务器资源以及网络带宽的一种浪费。

据说，www 网页上有 65% 的内容是图片。而且，由于现在广告泛滥，你正在阅读的网页上，很可能有一部分图片其实是广告(banner）。在启用“延迟加载图片”功能之后，浏览器首先加载的是页面上的文字（以及隐藏代码）部分，图片并不加载（由体积非常小的“替代图片”占位显示），如果访客有兴趣继续阅读，当他滚动页面时，图片在即将进入屏幕显示区域之前才加载。想象一下：如果访客看到页面开头就没有兴趣读下去，关闭了网页，这就意味着屏幕显示区域之外（之下）的图片都无需加载。这样，肯定节约了服务器的负担，也节约了网络带宽。

而有些又将这个“延迟加载”进一步强化：它允许站长选择触发图片加载的事件。默认是“页面滚动”，也可以选择为“鼠标点击”或者“鼠标指向”。如果选择后两种，就意味着即使页面滚动了，图片进入了访客的视野，也不会立即加载。如果访客对这个图片有兴趣，想看看“这是什么图片哇”，那么他可以“鼠标点击”或者“鼠标指向”，这时才正式加载该图片。很显然，对于广告图片，或者读者没兴趣的图片，他是不会选择加载的。这又进一步节约了服务器负担和网络带宽。

不光是这样，某些插件还提供了“图片特效”功能。除了常见的“让图片显示出来”，还可以选择“以淡隐淡出效果显示”，或者“滑动效果”。无疑这个功能对于前台的页面风格增加了一些趣味。

现在的淘宝网已经在使用这种技术了，根源就是每个商品都会加载几十个外链的图片，为了降低服务器负载和提高用户浏览网站页面的流畅度，他们使用的也是通过滚动触发图片加载。

[本帖最后由 HarryDean 于 2012-5-16 23:43 编辑]

@ddqfans mark

瀑布流

谢楼上,那具体这个方面的应该如何学习呢,有没比较简单的捷径?
本人略懂.NET和JAVA,只会做静态网站和论坛...

始祖网站：http://pinterest.com/

不过我不是很喜欢，唯独只喜欢它的采集工具

.net和java，哪个都可以做高端网站
不过限于后台，前台的活还是能折磨死你

后台才是大头，前台现在这几个成熟的框架很好用了。

这个号，MARK~

监视阅读滚动的位置，发现在到达底部就用ajax的方式加载数据，jquery包装好的很容易做

感觉kissy这个插件最好，可惜不会用
http://docs.kissyui.com/docs/htm ... aterfall/demo2.html

瀑布流，蘑菇街美丽说直流的网站都是这种，效果用javascript写的，往下滚加载图片用的ajax异步传输的

貌似taobao就是这样的?

学习了

我觉得这种方式很恶心访问者 现在上淘宝都必须把滚动条拉一遍到最下面然后再从头开始观看

这个，懒加载

瀑布流加懒加载