多图循环轮播怎么做?(循环轮播制作方法)
排版经常会遇到这种情况,一篇文章配了n多张图,怎么排都排得不好看。今天来教大家几种玩法,让图片在推文中轮播展示!省掉图片排版的繁琐步骤,效果酷炫,图片张数还不限最重要的是操作很简单。
SVG组件ID:35
效果描述:多张图片无限循环的自动切换显示。
SVG组件ID:69
效果描述:多张图片无限循环,向左或向右轮播。
SVG组件ID:92
效果描述:两图及两图以上的多图弹动式横向自动轮播,可设置轮播图边距、背景图或背景色、滚动方向和动画时长。
SVG组件ID:157
效果描述:图片依次无限循环地向上、下、左、右滚动轮播,图片数量需要是4的倍数。
SVG组件ID:157
效果描述:多张图片田字分裂对边移出切换,自动播放,可设置顺时针或逆时针播放动画。
SVG组件ID:158
效果描述:多张图片横向百叶窗式分裂切换,自动播放。
SVG组件ID:166
效果描述:多张图片无限循环向左轮播或向右轮播,每张图完整显示后会停顿一会再继续播放,播放的快慢可以进行设置。
通过135编辑器左侧入口进入svg编辑器
或者直接在浏览器输入svg编辑器网址进入:
https://www.135editor.com/svgeditor/
在SVG编辑器中搜索一款轮播组件的ID,或在『轮播』分类下查找组件,将轮播组件添加到编辑区域
鼠标移动到SVG组件上,可以查看SVG的使用教程,也可以扫码预览SVG的具体效果
在SVG编辑器右侧的配置区域,将需要添加轮播效果的图片上传至组件中。
根据轮播的效果设置开始时间、轮播方向、轮播快慢等参数即可。
制作好的SVG文章可以通过使用『同步』或『导出』功能,保存到微信公众号平台(ps:不知道咋同步和导出的胖友,点击按钮,根据提示操作即可)
注意:
如使用导出代码功能,则需根据SVG效果的使用平台(135编辑器/微信后台),选择对应平台的代码进行复制,尽量不要直接粘贴代码,以免效果有误。
以上就是制作轮播图的方法啦,大家赶紧去SVG编辑器里上手试试吧!
立即登录