◑◑◑◑◑◑◑◑◑

打开图文，是白天模式的内容。点击按钮，全文随即切换为黑夜模式的内容。再次点击同一按钮，图文又切换为白天模式……

1篇图文2种模式，并且可循环切换，法拉利这篇图文是怎么做的？

体验一下：

*素材来自法拉利中国《开启驾趣新玩法》

组合：点击-循环切换(两组)

编号：11908（组合）

类似的效果案例还有科沃斯这篇：

*素材来自科沃斯ECOVACS《活力白天VS灵感深夜，你是哪一派？》

组合：点击-循环切换(两组)

编号：11908（组合）

与普通的点击循环切换图片效果不同，这种是控制整篇图文的循环切换，切换的内容中支持各种交互效果。

图片的点击循环切换教程戳：《不玩假循环，点击无限循环切换效果来啦！》

以上案例中全文的循环切换可使用 iPaiban Pro 黑科技编辑器里的「点击-循环切换(两组)」组合（编号：11908）制作。支持自定义点击循环切换的次数。

除了可以应用在白天黑夜模式切换，也可以切换不同季节、冷热变化等对比类情境，应用场景十分广泛。

以法拉利中国的文章为例，一起来看看这个效果是如何制作的吧。

详细教程：

工具：iPaiban Pro 黑科技编辑器

组合：点击-循环切换(两组)

编号：11908（组合）

第1步：选择组合

登录 iPaiban Pro 编辑器后，点击编辑器右侧「组合」按钮，在「点击切换」分类中找到「点击-循环切换(两组)」组合，或者直接在搜索框中搜索组合编号11908，点击选择。

第2步：进入组合编辑模式

点击「编辑组合」，进入组合编辑模式。

在组合编辑模式中，分为「切换前和切换后第一张图」和「切换前和切换后剩余内容」两块设置区域。

第3步：上传「切换前和切换后第一张图」

①上传图片：点击「每组第一张图」区域，在右侧点击「换图」按钮，分别上传切换前的第一张图和切换后第一张图。

②设置触发区域：双击「每组第一张图」区域，会出现一个触发区域调整窗口。点击红色触发区域拖动位置并调整大小。

第4步：设置「切换前和切换后剩余内容」

因为组合为「点击-循环切换(两组)」，所以「切换前和切换后剩余内容」区域共有2列大组件位，分别对应切换前和切换后的内容。

在大组件位中点击「增加·槽」即添加了一个小组件位，此时我们就可以拖动左侧需要的组件到小组件位中，一个大组件位中可以添加多个小组件位。

这个案例我们需要批量上传无缝图片，拖动「批量无缝图(全能)」组件（编号：10009）到小组件位中：

拖动组件进来后按需上传图片，剩余内容按照同样流程设置即可。

注意切换前的内容总高度必须等于切换后的内容总高度。

第5步：设置参数

点击右侧红色小三角，滑动滑杆可以设置循环次数，最多可设置30次。一般默认10次即可。

第6步：导入公众号后台

内容编辑完毕后，点击左上角「保存并退出」逐步退出组合编辑模式回到编辑器主页面。

继续点击最右侧「预览草稿」，效果满意后接着点击「同步至微信后台」就可以了。

使用同步功能无需频繁在编辑器和微信后台切换，同步成功后可以立即查看。