|
昨天，微互动群内关于图片滑动的问题引发了一系列的讨论，虽然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排版正在征集“微信百万大号养成记”调查问卷，欢迎长按二维码跳转填写~ |
|
|
