滑滑滑,96微信编辑器教你怎么制作图片滑动效果

/2018年01月13日 11:23/ 分类:微信公众平台/阅读:691
hello,小可爱们,今天来给大家介绍一个好玩的样式——多图滑动。多图滑动可以实现在手机上左右滑动或者上下滑动图片效果,一般素材库中的滑动素材多是滑动3张图...

 hello,小可爱们,今天来给大家介绍一个好玩的样式——多图滑动。多图滑动可以实现在手机上左右滑动或者上下滑动图片效果,一般素材库中的滑动素材多是滑动3张图、4张图,如果想要滑动更多张图片,该如何操作呢?下面我们以左右滑动素材为例,给大家讲解添加滑动图片数量的方法。

第一步,在素材中心搜索“滑动”素材,挑选自己喜欢的样式,以第一个素材为例,我们收藏后就可以在首页点击使用了。

 

 

第二步,点击收藏的素材,素材就会自动出现在右侧的编辑区域,点击“HTML”按钮,出现代码。

 

 

第三步,复制图中选中的代码(<img/>标签)。

 

 

第四步,紧挨着这段代码粘贴,粘贴几次就是多几张图片。(原素材中是4张图片,我复制粘贴了4次,所以一共是8张图片)

 

undefined

 

第五步,再次点击“HTML”,依次选中素材中的图片进行换图即可。

 

 

下面,我们来检测下左右滑动素材效果:

修改前(4图滑动)

 

左右滑动查看更多

 

修改后(8图滑动)

 

1801137036.jpg1801138883.jpg1801134616.jpg1801134555.jpg1801138178.jpg1801135509.jpg1801138125.jpg1801136422.jpg

左右滑动查看更多

 

更多的96微信编辑器及微信公众平台操作教程,欢迎扫描以下二维码,关注96微信公众号(bj96weixin),提出你的疑问。

 

1711144461.jpg

TAG:51581358
阅读:691
扩展阅读:
2014-2017 96新媒体 All right reserved. 版权所有 琼ICP备17000490号-2