MICUU
微资讯
声卡
创新2024全套教程
5.1声卡全套
创新声卡驱动
板载声卡调试全套教程
Sam机架安装
Sam机架
音效助手
专题
文档
技术文档汇总
站内文档
更多
软件
更新日志
关于
装机必备
Gramos模板
光年后台模板
Betube模板
美图
友情链接
站内导航
关于
搜索
退出登录
登录
原创
editor.md中markdown格式的文章添加图片懒加载
2021-11-01
60.81w热度
editor.md中markdown格式的文章添加图片懒加载，原理很简单，利用js先组合一个 data-original 属性，再利用 lazyload 进行加载即可。加载的时候需要注意 js 的顺序，需要等待 editormd.markdownToHTML 转换完成后再进行上述的逻辑转换。 ``` //详情图片懒加载 $(".content img").each(function (index, element) { var oldsrc = $(element).attr('src'); if (oldsrc) { $(element).removeAttr('src'); $(element).attr({ 'data-original': oldsrc }); } }); $(".content img").lazyload({ placeholder:"{:config('web.cdn')}/static/images/loading.gif", // 当图片完全加载的时候，插件默认地使用show()方法来将图显示出来。你也可以使用其他的效果 effect: "fadeIn", //lazyload插件默认用户滚动到图片位置时才触发加载图片，如果我们希望滚动到距离图片一定位置就触发加载，可以指定lazyload函数的threshold参数 threshold: 200, //如果我们希望滚到到图片的位置后，还要通过click或hover事件来唤醒图片的加载，我们可以指定lazyload函数的event属性 //event: "click" }); ```
注:原创不易,转载请注明出处(
https://micuu.com/new/2319.html
)，本站所有资源来源于网络收集，如有侵权请联系QQ245557979进行清除。
最后修改与 2022-02-22
上一篇：
十月，骑行、自助、戒
下一篇：
微软常用运行库合集
留言反馈
请先登录
问题反馈渠道，如有软件无法下载或者其他问题可反馈。【由于某种原因，目前留言不展示】
用户需要登录后才能留言反馈
立即留言
珍藏视频
10分钟高效燃脂
30天高效瘦脸操
5分钟缓解颈椎操
友人
微博
全民K歌
唱吧
今日头条
悠悠网
科技小锅盖
彼岸桌面
阮一峰
laravel社区
V2ex
掘金
更多>
