“图文展开，点击切换前后的图片尺寸不一致可以吗？”
扫描,分享朋友圈
说到点击切换后展开，一般是指点击切换图片后接着图文展开，这里面的点击切换图片，切换前后的图片还需尺寸一致。
最近就有小伙伴问了：
「点击切换前后的图片尺寸不一致可以吗？」「点击切换的不是图片而是视频号，然后展开可以吗？」「点击切换为滑动或者其他交互，然后展开可以吗？」……
都是可以的。
问这些问题，大家一定是忽略了编辑器很久就有的一个展开组合「点击消失+展开(设置触发区域)」，它和「点击切换图片+展开(有触发区)」组合的区别是，它在点击首屏图片消失后，首屏显现的内容不局限一张同尺寸图片，可以是各种交互效果。
例如点击显现视频号，接着图文展开：
*素材来自阿维塔 《小暑，悠然消夏》
组合：点击消失+展开(设置触发区域)
编号：11186（组合）
还有点击显现左滑交互，接着图文展开：
*素材来自素材来自MLB品牌 《官宣｜MLB潮流品牌代言人虞书欣》
组合：点击消失+展开(设置触发区域)
编号：11186（组合）
其他消失展开组合编辑器可搜索「连续点击切换图片+消失展开(可设置触发区域)」（编号：10469）、「点击消失+从头展开(有触发区)」（编号：10402），前者常用于密码锁展开创意（ 元气森林、 东风标致）。
以示例1为例，一起看下如何制作的吧：
详细教程：
工具：iPaiban Pro 黑科技编辑器，
网址：SVG.iPaiban.com
组合：点击消失+展开(设置触发区域)
编号：11186（组合）
第1步：选择组合
登录 iPaiban Pro 编辑器后，点击编辑器右侧「组合」按钮，在「花样展开」分类中找到「点击消失+展开(设置触发区域)」组合，或者直接在搜索框中搜索组合编号11186，点击选择。
第2步：进入组合编辑模式
点击「编辑组合」，进入组合编辑模式。
在组合编辑模式中，分为展开前和展开后两块设置区域。展开前只需上传一张图片，展开后可以任意嵌套各种效果。
第3步：设置「展开前」内容
点击「展开前」区域，在右侧点击「换图」按钮上传准备好的展开前图片。
双击「展开前」区域上传的图片，调整点击触发的区域。
第4步：设置「展开后」内容
「展开后」的内容支持嵌套各种组件，需要什么效果就在左侧「组件」分类中找到相应的组件拖动到组件位中，然后上传需要的素材即可。
添加组件位-拖动组件到组件位中-上传图片，每需要一个样式就按照这3步操作：
本文示例1中展开的第1个效果是视频号，这里我们拖入一个「视频号-图片」组件（编号：10228）。
第5步：设置展开参数
点击右侧红色小三角，可以设置展开前图片的切换时长和展开时长。
如果预览效果发现内容没有完全展开或者展开过长，可以通过「加减展开高度（px）」进行调整，输入负数减小展开高度。
第6步：导入公众号后台
内容编辑完毕后，点击左上角「保存并退出」逐步退出组合编辑模式回到编辑器主页面。
继续点击最右侧「预览草稿」，效果满意后接着点击「 同步至微信后台」就可以了。
使用同步功能无需频繁在编辑器和微信后台切换，同步成功后可以立即扫描二维码查看。
如需局部导入可参考： 《iPaiban Pro小助手安装和使用教程》
制作SVG交互图文认准 iPaiban Pro 黑科技编辑器，网址：SVG.iPaiban.com，复制网址在 PC 端 Chrome（谷歌）浏览器打开，即可注册，编辑器1500+组件/组合现已全部支持免费试用了。
新用户在「新手礼包」可领取3天企业标准版会员免费商用，以及22个常用必备组件的大礼包（1年）。随礼包附赠千元优惠券，每单最高立降500元。
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本文禁止转载，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
扫描,分享朋友圈
品牌时光机
上海 浦东新区
崂山路300号普联大厦1号楼
- 营销
- 运营
- 创意
评论
评论
推荐评论
暂无评论哦，快来评论一下吧！
全部评论（0条）