ajax请求的数据怎样做图片懒加载?

ajax请求的数据怎样做图片懒加载?,第1张

这个很简单:

在 html页面,引入zepto.lazyLoad.min.js,(是因为我使用的是zepto.min.js)

如果使用的是jquery.min.js框架,就引入jquery.lazyLoad.min.js,这里不赘述了。

主要是在ajax方法里,

把获得的img的拼接那里,有三点注意的地方!!!

1.class="test-lazyload" 

2. data-original="'+curriculums[i].imgUrl+'" 

3. src="'+GLOBAL_G.lazyImg+'"

html2+='<div class="imgBg"><img class="test-lazyload" data-original="'+curriculums[i].imgUrl+'" src="'+GLOBAL_G.lazyImg+'"></div>'

然后再append之后,调用$('.test-lazyload').picLazyLoad()

就可以了!!!!

1.首先打开这款工具,然后根据自己的需要选择功能,直接点击图片转GIF。

2.然后选择想要制成GIF的照片,选好之后直接点击右下角的下一步即可。

3.在这里可以给GIF动图添加字幕、贴纸、滤镜画中画等等特效,添加完想要加的特效后,点击片段编辑。

4.进入片段编辑页面,可以针对每个片段进行编辑,如加转场特效、滤镜等,还可以截取片段、复制片段、倒放、变速等 *** 作。完成后点击右上角的“√”保存 *** 作,并返回上一页面。

5.接下来点击设置对动图进行最后的 *** 作,如给动图添加封面、背景、调整比例等等。 *** 作完这些之后,GIF动图就完成了,只要点击右上角的发布就可以保存到手机里。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11526823.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-16
下一篇 2023-05-16

发表评论

登录后才能评论

评论列表(0条)

保存