双层滑动（左右）+自定义画面宽度+动图带间距（底层固定）-135编辑器

暂无搜索结果！

双层滑动（左右）+自定义画面宽度+动图带间距（底层固定）

一、视频教程

二、操作步骤

1、添加SVG效果至编辑区域

点击【SVG效果】，搜索：“602”，或搜索名字：“双层滑动（左右）+自定义画面宽度+动图带间距（底层固定）”，然后点击选择列表中【双层滑动（左右）+自定义画面宽度+动图带间距（底层固定）】效果，添加到页面中间的编辑区域。（可选择带有135默认素材图，也可以选择不带有135默认素材图）

2、添加背景图

以不带有素材图为例：

在编辑区域右侧的【添加背景图】位置上传背景图。也可以选择【DIY设计图片】（得有笔格设计会员）。

注意，该效果中所有图片都需要按【素材要求】进行设置和放置，不然会导致效果出错或失效。

3、添加滑动图

在编辑区域右侧的【滑动图】位置上传滑动图，滑动图的数量需要大于等于2张才能执行滑动的动作，滑动图可以一张一张依次上传，也可以多张勾选批量上传。也可以选择【DIY设计图片】（得有笔格设计会员）。

注意，该效果中所有图片都需要按【素材要求】进行设置和放置，不然会导致效果出错或失效。

4、设置滑动方向

根据实际需求选择【向左滑动】或【向右滑动】。

5、设置滑动图是否居中

这里的设置是指滑动图与滑动图之间滑动的时候。当你勾选【居中】时，是整张图滑动；当你不勾选【居中】时，滑动可以随意停留。根据实际需求勾选是否【居中】。

6、设置滑动板块上方留白区域

拖动【滑动板块上方留白】的进度条，不同百分比代表滑动图和背景图之间的留白区域大小，据实际需求拖动选择。默认比例0%。百分比越大，留白区域越大。

7、宽度设置

拖动【宽度设置】的进度条，不同百分比代表整个滑动图区域的显示大小。默认比例100%，不会显示滑动图的滑动条；若想让滑动图的滑动条显示出来，就可以减少百分比，百分比越小，滑动图+滑动条整个区域显示越小。

8、设置滑动图间距

拖动【滑动图间距】的进度条，不同百分比代表滑动图与滑动图之间的间距。默认比例0%。百分比越大，间距越大。

9、制作好的SVG文章可以通过使用【同步】或【导出】功能，保存到微信公众号平台

注意：SVG是需要【同步】后预览才会显示正常的预览效果，单纯【预览】可能会让某些效果失效

10、更多操作教程

更多操作教程

点击查看如何使用『同步』
点击查看如何使用『导出』

- END -

如果您的疑问尚未被解决

请在帮助中心内【联系客服】

我们诚挚邀请您给135编辑器提供【意见和建议】

微信关注135编辑器 ID：editor135 ，获取更多排版干货知识

评价此内容

有帮助

无帮助

感谢反馈，请问还有其他建议吗? (选填)