微信公众号文章中插入的图片如何实现滑动效果

这里我选择都是使用第三方编辑器来实现。

a. 秀米编辑器

1. 在秀米XIUMI的首页，选择"新建一个图文"，点击进入新页面；
2. 在新页面中点击布局下拉栏中的"滑动"，这时，页面左半部分会出现很多滑动的示例，包括上下滑动，以及左右滑动，以本文左右滑动为例；
   
3. 选中一个模板，点击该模板，在页面右半部分的编辑区域中会出现该模板；
   
4. 点击“后插空行”中的后插空行，在当前选中的图片位置的后边会出现一个空白部分
   
   5.点击空白部分，会出现“设置滑动序列”的选项，点击"设置滑动序列"，会出现一个编辑框：
   
   如果要在序列后面直接添加某张图片，就可以在左边的图库中直接点击想要添加的图片，该图片会出现在右边的序列末尾；如果要将图片添加到序列的中间位置，首先要点击选中序列中的一项，再点击左边的图库中的要添加的图片，图片就会出现在序列中该项的后边的位置。

6.如果涉及到裁剪的话，点击对应的图片，会出现若干选项，点击"裁剪"，会出现裁剪的比例，可以进行选择。

8.点击"预览"的话，可以点击页面上方的"预览"功能，将会显示在手机公众号中呈现的结果。

9.点击"复制到微信公众号"，页面会出现如下工具框：

10. 在Chrome中登录自己创建的公众号，在左侧"管理"栏目中的”素材管理“, 点击”新建图文信息“，可以在里边输入标题，再把刚才复制的内容贴进来，进行"保存"，再"预览"，输入对应的微信号之后，可以接收到推送的图文，在推送的图文里可以看到粘贴进入的图片滑动效果了。

PS:使用这个模板没有解决的问题是序列里边的图片重新排序的问题。一个序列里的图片不能自由改变顺序。

b.小蚂蚁编辑器

这个编辑器中可以到”组件“中的”滑动样式“里边选择模板进行类似的操作，但是没有解决的问题包括图片怎么裁剪保持大小一致，并且序列的间距调节的问题也没有解决。