“图片上下滑动”如何实现？教你三个长图滑动的玩法！
2018-07-02 09:06
来源:
135编辑器
今天给大家介绍一款“长图滑动”的样式：一款有边框ID92985，一款无边框ID92986。
▲无边框长图滑动
▲有边框长图滑动
说在前面
这款样式，建议胖友们作为单图长图滑动使用，点击图片，直接换图即可。
0 1
图片显示的高度是可以修改的。
虽然需要在HTML模式修改，但只需要修改一个数值即可（height: 220px;），不要一听到HTML模式就害怕。具体操作教程如下：
0 2
样式宽度是自适应屏幕宽度，但也可以修改
如果想要修改他的宽度并保持居中的话，也需要在HTML模式，但相对较难，这里教大家一个简单方法，使用“调整宽度比例”即可。
0 3
图片其实是可以添加的
虽然建议胖友们作为单图长图滑动使用，但是也是可以添加多张图片的，但不要超过三张！具体添加图片操作如下：
样式下激活输入状态，点击键盘左方向键，输入位置移动至样式右侧，此时，再通过单图上传或多图上传，添加图片，但不可超过三张。
但此种操作模式，添加到第三张时，二三两张图片不是无缝连接。如果想实现三张图片无缝连接，建议通过如下方式添加图片：
复制<img ..../>，再其后粘贴两遍，退出HTML模式，使用单图上传或多图上传，替换图片，此时，图片是无缝连接的。
好啦，以上就是关于长图滑动的教程。
如果是在135编辑器地区群的胖友们可能会发现，今天的教程就是三儿上周四在地区社群里免费分享的内容。
135编辑器成立了地区群，不过要付费才能进群，进群方式见文首两个长图滑动样式。三儿周每周四晚9点都会在群里分享相关排版知识、技巧。
如果胖友们想进群，根据文首长图滑动的提示，添加土豆妹付费进群就好啦~
排版有毒！
三儿有药~ 返回搜狐，查看更多
责任编辑：
平台声明：该文观点仅代表作者本人，搜狐号系信息发布平台，搜狐仅提供信息存储空间服务。
阅读 ()