搜索

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

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

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

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

修改前(4图滑动)

 

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

左右滑动查看更多

 

修改后(8图滑动)

 

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

左右滑动查看更多

 

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

 

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

更多阅读
扩展阅读

9妹专栏

NINE SISTERS COLUMN

最新文章

NEWS ARTICLES

新媒体训练营

NEW MEDIA TRAINING CAMP
排版
写作
2014-2017 96编辑宝 淄博多维网络科技有限公司 All right reserved. 版权所有 沪ICP备19026583号-16