1，调整img标签

最好加个class好让lazyload插件找到这些需要lazyload的图片

把src改为data-original以防止他自己加载

改完后大致如下

[pcsh lang="js" tab_size="4" message="" hl_lines="" provider="manual"]

<img class="lazy" data-original="Static/Head/test/king.jpg"/>

[/pcsh]

2，启动lazyload插件

大致如下

[pcsh lang="js" tab_size="4" message="" hl_lines="" provider="manual"]

$(".lazy").lazyload({ threshold : 200 ,effect : "fadeIn"});

[/pcsh]

参考文献

这里有最新lazyload下载

以来jquery1.5以上

http://plugins.jquery.com/lazyload/

 

 

最后更新于 2017-03-17 15:58:08 并被添加「」标签，已有 627 位童鞋阅读过。