米
首页
心情
图集
所有
搜索
登录
editor.md中markdown格式的文章添加图片懒加载
2021-11-01
63.2w热度
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
→
掘金
+
更多
