炎炎夏日，露营、徒步、自驾游，户外装备怎么选？
如果只是平铺展示，难免单调。东风本田一篇夏日出游主题的SVG交互图文给出了一个有趣的互动方案。
点击看看效果：
*素材来自东风本田这个夏天，想换一“夏”
组合：组件效果叠加(两个)
编号：11737（组合）
组件：点击-切换图片(多触发区)
编号：11514（组件）
组件：点击-无限选择切换图片
编号：11765（组件）
组件：遮罩
编号：10829（组件）
第一行是多选，用户可以点击选择多个户外装备选项；第二行是单选，只能从中挑选一个最心仪的汽车。
这种排版有效地将场景与产品关联在一起，还适合产品选配、旅行清单等场景，便于品牌植入。
这种效果可以通过i排版SVG编辑器的「组件效果叠加」组合嵌套叠加两个效果组件实现。
当然，组件叠加是可以根据创意效果进行多样调整的，怎么玩就交给大家了。玩法可参考：万能叠加组合登场！把组件叠起来玩！
下面是东风本田排版效果的详细排版教程。
详细教程：
工具：i排版SVG编辑器，网址：SVG.iPaiban.com
组合：组件效果叠加(两个)
编号：11737（组合）
组件：点击-切换图片(多触发区)
编号：11514（组件）
组件：点击-无限选择切换图片
编号：11765（组件）
组件：遮罩
编号：10829（组件）
第1步：选择组合
登录i排版SVG辑器后，点击编辑器右侧「组合」按钮，在「特殊」分类中找到「组件效果叠加(两个)」组合，或者直接在搜索框中搜索组合编号11737，点击选择。
第2步：进入组合编辑模式
点击「编辑组合」，进入组合编辑模式。
第3步：设置上方效果内容
左右两个组件位，左侧组件位用来设置下方效果，右侧组件位用来设置上方效果。注意不要弄反。
示例中的上方效果为「点击-切换图片(多触发区)」，可以在「组件」分类中找到「点击-切换图片(多触发区)」组件（编号：11514），拖动组件到右侧组件位中。
第4步：设置下方效果内容
示例中的下方效果为「点击-无限选择切换图片」，可以在「组件」分类中找到「点击-无限选择切换图片」组件（编号：11765），拖动组件到左侧组件位中。
先退出组合编辑模式。在「组件」分类中找到「遮罩」组件（编号：10829），上传图片完善效果。
第6步：导入公众号后台
点击最右侧「预览草稿」扫码预览效果，效果满意后接着点击「同步至微信后台」就可以了。
使用同步功能不用频繁在编辑器和微信后台切换，同步成功后可以立即扫描二维码预览在公众号的效果。
如需局部导入可参考《iPaiban Pro小助手安装和使用教程》中导入功能的「导入代码」部分。
