xiuno 实现图片懒加载
2019年11月18日 5477

xiuno

服务器小,图片传到了本地,怕太吃服务器,昨天在网上看了下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="真实的图片地址">

有会的大神可以回复我一下,感谢!

TAG

上传的附件:
  • js.rar (大小:1.36K,下载次数:25)

- End -




0 条评论
  • 表情
  • 游客你好,回复内容需要 登录 查看!