jquery 滚动条动态图片加载(模拟淘宝商城图片加载)

时间:2014-02-13 04:05:03
【文件属性】:

文件名称: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

网友评论

  • 还不错,但是需要稍微修改 ,有启发。
  • 还可以,但是需要稍微修改
  • 确实还得改改,不过参考参考挺好
  • 有bug,浏览器兼容性不好
  • 没有完美的,想用得自己改改。 有例子就已经很不错了。
  • 还可以,修改下可以使用
  • 还不错,修改一下可以使用。
  • 有bug,不兼容需要修改
  • 能用,只是注释有点不大详细。
  • 能用,期待进一步改进。
  • 很好 但是还是有点bug
  • 有bug,浏览器兼容性不好
  • 可以用的,稍微修改一下
  • 有bug,浏览器兼容性不好
  • 不是太好,要改好多代码