微信图文内插入的图片文字如何实现左右或上下滑动？

Posted 2023-05-16

图文内插入的图片如何实现上下左右的滑动效果一般是通过html代码实现的，如果懂代码的话可以直接进行实现复制到微信图文里面微信是可以支持的，不过一般我们编辑器微信公众号的图文内容都是通过一个第三方工具实现了，比较编辑微信文章会代码的人是少数，而且都是自己写代码也很费事，这个第三方编辑工具就是微信编辑器，我一般都是通过小蚂蚁编辑器实现的，可以选择图片样式，直接替换里面的图片就可以了 参考技术A 如果我们的文章篇幅本来就比较长，没有足够的空间来容纳这些图片，这个时候就需要我们在一个特定的空间里能够容纳更多图片，图片滑动样式应运而生。

图片滑动样式不仅占的空间小，而且能够同时添加多张图片，用户可以滑动查看各张图片。下面和大家分享几个精美的图片滑动样式。

1.这个样式是以平板的造型为设计元素，里面最多可以插入十张图片，且外观颜色可以调节。

2.这个是针对一些宽度特别长的图片，只能放单张图片。

3.这个是可以竖向滑动的样式，类似一些对话内容可以选择使用这种样式。

4.这个就是属于最基本的滑动样式，客房七张图片，左右滑动。

5.这个是属于图文结合，里面既可以添加图片也可以添加文字。上下滑动查看。

6.这个就比较复杂了。多图样式+滑动样式的一个组合，我们可以借用这种样式做一些娱乐性质的拼图游戏。

因为样式太多，小编就挑了几个比较具有代表性的图片滑动样式，其他的就不给大家一一介绍了，大家可以去小蚂蚁编辑器里自己看看。

​

微信小程序开发中如何实现侧边栏的滑动效果

参考技术A 代码很简单，就是通过open值控制view对类的选取