滑滑滑滑滑滑滑滑滑滑滑滑滑滑！

这个样式制作是用无缝拼接样式和图文滑动样式结合起来的。

（效果图）

1

首先使用i排版编辑器（iPaiban.com）上新的样式 无缝拼接样式 。

老沙这里选择的是 两张图 的无缝拼接样式。

然后在 图一中 嵌入 上下滑动样 式。

（上下滑动样式）

GIF操作如下：

效果图如下：

然后制作一张长图，用PS裁剪成6张图， 一定要注意滑动之后上下拼接在一起。

2

老沙制作的长图（前后一定要和底图对接上）：

3

然后将长图裁剪成6张图，但是上传到滑动样式中。

但是滑动样式的图片是有缝样式，需要通过修改代码来实现滑动图片的无缝。

找到如图所示的这一行代码：

在这一行代码的末尾，后引号之前，加 font-size:0 ，注意要在此代码前添加空格，变成：

最后返回代码就可以看到效果了。

（最终的效果图如上）

注：在有的小伙伴手机上，模板会错位，如下图。

可以通过修改代码来调整模板。如下图：

另外，老沙要宣布一个好消息！

目前，i排版编辑器（iPaiban.com）的工具导航，正在测试中，欢迎反馈意见，如果也有做类似工具的，欢迎来合作！

网址链接：

http://tool.ipaiban.com/

今天的教程就到这里，还有疑惑的小伙伴们到评论区留言，或者添加沙小僧微信：playhudong033。找沙小僧解答。

· 往期精华 ·

黑科技样式	愚人节	空白推送
年度盘点	花式操作	图文旋转
打地鼠	一键关注	GIF工具
公众号下半场