jquery 实现图片的缓加载功能

feng20121101 2016-03-01 07:24:16
目标:页面上的图片比较多,实现按需加载图片——即缓加载
遇到的难点:页面上的图片是通过script type=text/html 生成的;百度发现,这样生成的是以字符串形式存在,不展现在页面上。
如下图:
引用
<script type="text/html" >
<div class="entry">
<img src="../js/img/grey.gif" data-original="../js/img/bmw_m1_hood.jpg" width="765" height="574" alt="BMW M1 Hood"><br/>
<img src="../js/img/grey.gif" data-original="../js/img/bmw_m1_side.jpg" width="765" height="574" alt="BMW M1 Side"><br/>
<img src="../js/img/grey.gif" data-original="../js/img/viper_1.jpg" width="765" height="574" alt="Viper 1"><br/>
<img src="../js/img/grey.gif" data-original="../js/img/viper_corner.jpg" width="765" height="574" alt="Viper Corner"><br/>
<img src="../js/img/grey.gif" data-original="../js/img/bmw_m3_gt.jpg" width="765" height="574" alt="BMW M3 GT"><br/>
<img src="../js/img/grey.gif" data-original="../js/img/corvette_pitstop.jpg" width="765" height="574" alt="Corvette Pitstop"><br/>
</div>
</script>
<script type="text/javascript" src="../js/jquery.lazyload.min.js"></script>
<script type="text/javascript" charset="utf-8">
$$(function(){

var LazyImg=$("#mainListBlock img.lazy");
LazyImg.show().lazyload({container: $("#mainListBlock") });
});
</script>


在线等待大神指教,谢谢!
...全文
152 回复 打赏 收藏 转发到动态 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复

61,115

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

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