JS 懒加载
2015-12-24 14:38
567 查看
HTML
JS
最终效果html
<?php $newgoods_info = str_replace("<img ", "<img class='lazy' ", $info['goods_info']); $newgoods_info = str_replace("src=", "data-original=", $newgoods_info); echo $newgoods_info; ?>
JS
<script src="{:CUSTOM_TEMPLATE_PATH}Index/index/js/jquery.lazyload.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $("img.lazy").lazyload({ effect: "fadeIn" }); }); </script>
最终效果html
<img src="/Uploads/Editor/gh_4df8efbb2caf/2015-12-22/56790323d8b21.jpg" class="lazy" data-original="/Uploads/Editor/gh_4df8efbb2caf/2015-12-22/56790323d8b21.jpg" style="float: none; display: block;" title="image_01.jpg">
相关文章推荐
- js异常:Unexpected identifier
- ExtJs树展开到指定节点
- js字符串函数
- jsonMode总结
- js IP 正则表达式
- js IP 正则表达式
- 基于JS2Image实现圣诞树代码
- debug.js在手机上打印调试信息
- MalformedJsonException with Retrofit API?
- 利用js2image把代码压缩成圣诞树
- Javascript基于对象基础
- JS经常使用正則表達式【分享】
- javascript 闭包
- js常用方法和事件
- {"0":"192.168.1.100","1":"192.168.1.101"} 是Map
- js,将日期时分秒等格式化和转化
- JSTL动态加载单选框--【ssnc】
- html5载入JS引用
- javascript时间戳和日期字符串相互转换
- mvc使用JsonResult返回Json数据