微技巧丨左右滑动图片高逼格技能√

昨天，微互动群内关于图片滑动的问题引发了一系列的讨论，虽然i排版编辑器上还木有更新图片左右滑动的样式，但是7喜还是打算把代码放出来给大家共享啦！

---

废话不说，先来示例：

示例一：静态图片 取经之路

：按住图片左右滑动

---

示例二：动态图片 李7喜表情包

：按住图片左右滑动

实现方法

1. 打开i排版编辑器；

2. 切换到</>模式，复制以下代码粘贴进去；

实现代码（点击展开）

<section style="">

<p style="white-space: nowrap; overflow-x: scroll;">

<img style="width: 300px !important; margin-right: 5px; visibility: visible !important; height: auto !important;" data-ratio="0.6533333333333333" data-w="300" width="300px" src="图片1网址" />      <img style="width: 300px !important; margin-right: 5px; visibility: visible !important; height: auto !important;" data-ratio="0.6533333333333333" data-w="300" width="300px" src="图片2网址" />      <img style="width: 300px !important; visibility: visible !important; height: auto !important;" data-ratio="0.6533333333333333" data-w="300" width="300px" src="图片3网址" />

</p>

</section>

3. 在i排版上传图片，把网址复制到上面代码中图片1网址、图片2网址、图片3网址相应的位置；

4. 切回编辑模式，复制粘贴到微信编辑器；

5. 完毕

以上就是左右滑动图片的代码啦，小伙伴们可以进行尝试编辑；i排版随后也将上线相应样式，敬请期待！

如果还想学习上下滑动代码请关注微互动和i排版的相关教程咯~

希望和你一起进步的i排版

www.ipaiban.com

【征稿】

即日起i排版诚征各种排版优良的文章、账号，欢迎大家推荐与自荐；一经采纳必有奖励，排版君还会将你的推荐展示给更多盆友哦！

---

i排版正在征集“微信百万大号养成记”调查问卷，欢迎长按二维码跳转填写~