您的位置:首页 > Web前端 > JavaScript

JS 懒加载

2015-12-24 14:38 567 查看
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">
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: