嘿,胖友们大家好呀,我是三儿。
又到了我们的SVG教学环节了,胖友们是不是特别期待呀。在之前的推文中我们有说过如何使用滑动样式来进行排版,滑动样式在推文中的使用也是非常的广泛。
有胖友可能要说了:“还要我自己去滑动,太麻烦了,要是能自己滑动就好了!”
诶,你别说,还真可以!
先来看看效果吧。
▼我是全自动的哦~▼
本样式由135编辑器出品,不允许任何第三方编辑器抄袭使用,违者必纠。
怎么样,是不是特别有有意思!不用动手,就可以实现图片自动滑动,简直是『懒癌』患者的福音啊!
那么问题来了,这个样式该如何使用呢?
别急,今天三儿来教你,轻松玩转SVG点击样式!
话不多说,教程开始!
首先,我们需要准备样式中所需要用到的图片,所有的图片都需要保持宽高一致,不然会导致样式错版哦!
一、如何更换图片?
按照上面的要求准备好图片以后,我们就可以开始更换图片了。更换图片我们可以使用专业版编辑器的动画功能来进行更换。
1.首先将编辑器切换至专业版,点击右侧『更多功能』,在弹出的菜单中选择『切换专业版』,即可将编辑器切换为专业版。
3.点击选中样式(在样式周围出现虚线框时,才算选中哦!),在弹出的菜单栏中,选择『动画』按钮,进入动画设置界面。
这里需要注意的是:只有SVG样式才会有动画按钮哦,普通的样式是没有动画按钮的!
这里需要注意的是:首图和尾图需要保持是同一张图片才可以实现无缝轮播哦!
6.设置完所有内容以后,胖友们可以在右侧的预览框中进行测试,也可以返回编辑器界面,点击右侧菜单栏中的『手机预览』进行测试。
注意事项:
这里需要注意的是,由于微信后台限制,所以排版完成后的推文需要使用保存同步功能,如果使用复制粘贴会导致样式失效哦!
三、视频版教程
三儿还为你们录制了一段视频版的教程,胖友们可以结合视频版的内容进行操作哦!
好啦,今天的教程就到这里啦
胖友们学会了吗?
如果你还有关于其它样式的疑问
都可以留言告诉三儿哦
·END·
文章排版由135编辑器提供技术支持
■ ■ ■ ■
领取专属 10元无门槛券
私享最新 技术干货