文件名称:jquery 滚动条动态图片加载(模拟淘宝商城图片加载)
文件大小:228KB
文件格式:RAR
更新时间:2014-02-13 04:05:03
jquery 滚动条 动态 图片 加载
用 jquery 制作随着显示页面的滚动条的滚动动态加载图片,适用于图片太多的页面,在访问网页时,可以先只加载第一屏要显示的图片,当用户进行向下滚动查看页面的时候,动态去加载这些图片,好处是减少页面第一次显示的流量,加快页面第一屏显示的速度。 主要原理:通过 setInterval 定时事件,检测滚动条的位置,再进行 ajax 请求服务端数据,加载图片到页面上。 现有 淘宝商城,3366等网站都有应用。
【文件预览】:
img.html
images_test
----5.jpg(25KB)
----3.jpg(16KB)
----8.jpg(21KB)
----4.jpg(15KB)
----12.jpg(12KB)
----9.jpg(17KB)
----2.jpg(12KB)
----10.jpg(16KB)
----jquery-1.4.4.min.js(77KB)
----loading.gif(4KB)
----1.jpg(16KB)
----11.jpg(12KB)
----6.jpg(16KB)
----7.jpg(19KB)
img.php