胖友们，早上好！
很久很久之前，三儿写了有关“图片左右滑动”的教程，教了胖友们如何添加多张图片滑动。
前几日，三儿又写了关于“图片上下滑动”的教程，教了胖友们如何添加三张图片滑动和图片无缝的方法。
今天，再教大家一个技能
“图片视频左右滑动”
▲ 样式ID：9307//www.58yuanyou.com6
这个就是一个默认样式“3图+1视频”的左右滑动效果。当然，我这里的图片是做成长图，裁切为三张，替换在样式里面的，所以看起来像是一张长图。
有图片设计能力的同学，可以这么设计图片来使用样式，当然，直接使用三张不同图片加视频也是可以的。
01
使用注意事项
图片尺寸比例建议16:9，推荐960px*540px，不然图片与视频之间会参差不齐。
135不支持直接上传视频。本样式qlDbHzV可以替换图片视频地址。视频地址仅支持腾讯视频地址和公众号上传视频的地址。
02
替换样式图片
点击样式中图片，再点击图片弹窗中的“换图”，通过本地上传或在线素材库等方式，完成第一张图片的替换。
换好第一张图之后，拖动下方滑竿，点击第二张图片重复操作，替换第二张图片和第三张图片。
03
替换样式视频
点击样式，再点击样式弹窗中“视频”按钮，替换视频连接即可。注意视频地址仅支持腾讯视频地址和公众号上传视频的地址。
04
样式添加图片
<section>
05www.58yuanyou.com
样式添加视频
此样式默认是一个视频，如果你非要再添加视频，也是可以的，但数量不能超过3个。进入HTML模式，复制<section>，并粘贴在其后，退出HTML模式就成功新添加了一个视频。
替换视频连接
但是，如果我们增加了视频之后，上文讲到替换视频连接在方式就不原由网适用了，需要再HTML里面替换。找到这段代码......src="https://......"></iframe>，替换双引号里面视频地址，完成视频连接的替换。
以上就是有关“图片视频左右滑动”样式使用、修改的教程了。赶快去样式中心收藏这个样式，使用一波试试啦。
三儿我就去玩游戏了~
最近发现一个小游戏，就像小时候经常玩的“兽棋”一样，大象吃狮子，狮子吃虎....老鼠吃大象！然后就有点沉迷了...
打开小程序大概是这个样子
反正我//www.58yuanyou.com已经沉迷于这个游戏了，今天安利给各位胖友们...
