米
心情
所有
图集
登录
搜索
原创
editor.md中markdown格式的文章添加图片懒加载
米醋儿
发布于:2021-11-01
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" }); ```
注:原创不易,转载请注明出处(
http://micuu.com/new/2319.html
)，本站所有资源来源于网络收集，如有侵权请联系QQ245557979进行清除。
最后修改与 2022-02-22
上一篇：
十月，骑行、自助、戒
下一篇：
微软常用运行库合集
留言反馈
请先登录
问题反馈渠道，如有软件无法下载或者其他问题可反馈。【由于某种原因，目前留言不展示】
用户需要登录后才能留言反馈
立即留言
珍藏视频
10分钟高效燃脂
30天高效瘦脸操
5分钟缓解颈椎操
友人
微博
全民K歌
唱吧
今日头条
悠悠网
科技小锅盖
彼岸桌面
阮一峰
laravel社区
V2ex
掘金
更多>
