SVG排版教学——自动轮播样式
SVG排版教学——自动轮播样式
又到了我们的SVG教学环节了，朋友们是不是特别期待呀。在之前的推文中我们有说过如何使用滑动样式来进行排版，滑动样式在推文中的使用也是非常的广泛。
有朋友可能要说了：“还要我自己去滑动，太麻烦了，要是能自己滑动就好了！”
诶，你别说，还真可以！
先来看看效果吧。
▼我是全自动的哦~▼
怎么样，是不是特别有有意思！不用动手，就可以实现图片自动滑动，简直是『懒癌』患者的福音啊！
那么问题来了，这个样式该如何使用呢？
别急，今天三儿来教你，轻松玩转SVG点击样式！
话不多说，教程开始！
自动轮播样式
ID:99049
【样式作用】：节约排版空间，版面清爽整洁的同时还能与读者进行有效的互动，帮助打造文章氛围。除此之外，还可以结合产品特性，制作出更多的玩法。
【使用说明】：该样式只支持4张图片的切换，上传图片请使用按样式图片比例上传，建议使用1280*845尺寸的图片，首图和尾图需要保持是同一张图片才能实现无缝轮播，需要使用同步保存功能同步到公众号。
首先，我们需要准备样式中所需要用到的图片，所有的图片都需要保持宽高一致，不然会导致样式错版哦！
一、如何更换图片？
按照上面的要求准备好图片以后，我们就可以开始更换图片了。更换图片我们可以使用专业版编辑器的动画功能来进行更换。
1.首先将编辑器切换至专业版，点击右侧『更多功能』，在弹出的菜单中选择『切换专业版』，即可将编辑器切换为专业版。
2.搜索样式ID：99049，找到『点击切换图片』样式，插入至编辑器中。
3.点击选中样式（在样式周围出现虚线框时，才算选中哦！），在弹出的菜单栏中，选择『动画』按钮，进入动画设置界面。
这里需要注意的是：只有SVG样式才会有动画按钮哦，普通的样式是没有动画按钮的！
4.在动画设置界面，我们就可以对样式内的图片进行更换了，朋友们可以点击链接下方的『图片上传』按钮上传图片。
这里需要注意的是：首图和尾图需要保持是同一张图片才可以实现无缝轮播哦！
5.我们还可以给图片添加滤镜，点击『图片滤镜』，在弹出的滤镜设置页面中，选择你想要使用的滤镜，点击『完成编辑』即可完成设置。
6.设置完所有内容以后，朋友们可以在右侧的预览框中进行测试，也可以返回编辑器界面，点击右侧菜单栏中的『手机预览』进行测试。
注意事项：
这里需要注意的是，由于微信后台限制，所以排版完成后的推文需要使用保存同步功能，如果使用复制粘贴会导致样式失效哦！
好啦，今天的教程就到这里啦
朋友们学会了吗？
立即登录
