服务器小,图片传到了本地,怕太吃服务器,昨天在网上看了下HTML通用方法,做了个图片懒加载运用到了xiuno上。在此记录下方法,喜欢的可以拿去。
JS 文件上传到了附件,下载后上传到 view/js/目录下。
然后在 footer.inc.htm 模板文件中加入
<script src="<?php echo $conf['view_url'];?>js/echo.min.js<?php echo $static_version;?>"></script>
加在入
<script> Echo.init({ offset: 0, throttle: 0 }); </script>
或
<script> Echo.init({ offset: 0, throttle: 3000 //延迟3秒加载图片 }); </script>
最后修改下模板中的代码。
<img class="?" src="加载图片之前显示的图片" data-echo="真实的图片">
最好给图片设置宽度和高度,或者在 CSS 中设置也可以,否则似乎很底部很底部的图片才会延迟加载。
原理就不介绍了,很简单的方法,喜欢自己研究下。
内容页实现方法还没研究,不知道怎么把上传的图片源码变成
<img class="?" src="加载图片之前显示的图片" data-echo="真实的图片地址">
有会的大神可以回复我一下,感谢!