github unity 图片切换效果_微信公众号文章点击切换多张图片制作翻书效果怎么制作...

点击“蓝字”关注我们，更多的精彩

公众号文章的点击切换多张图片效果，可以制作翻书的效果，只有点击才会变图哦。特别简单，但是效果很棒，那怎么制作呢？

应用场景

这个非常适合制作翻书的效果，粉丝每点击一次都可以切换下一张图片，当然可以发挥自己的想象力，比如时光流逝的，人物成长的，历年的变化等效果都是非常合适的。

实际效果

连续点击切换图片

一.上传图片并记录图片地址

先传几张高度和宽度一样的图片到键盘喵速排，推荐尺寸1080*1800px。素材默认是5张图的切换。

1.用电脑登陆键盘喵速排。网址是www.jianpanmiao.com

2.点击“多图上传”按钮，上传图片，想用几张做就传几张，建议五张。

3. 点击“选择本地图片” 然后确定上传。

4.点击上传好的图片，然后点击“换图“。

5.然后点击“插入图片“，找到”地址“那行，复制这个地址到自己的记事本里面，有几个复制几个。

注意：

1.没记录好地址的话，可以点击左侧的“我的图片“，点击图片就可以出现在编辑区，重复上文方法可以找到图片地址。

2.图片大小要小，100-200K为宜。

二.使用素材

1.点击左侧素材区，互动-高级特效找到素材，或直接搜索“10254“或”翻书“都可以。

2.点击上方工具栏第一个“html“按钮。

3.用我们前面保存的网址替换素材中的网址，代码中有标注第几张图片，在对应的张数中，用我们保存的图片地址，依次替换，替换的部分是以http为开头以jpg为结尾的一段英文。

4.第五张图图片地址要更换两段，代码里面有标注。

5.可以在素材，然后在弹出的菜单上，点击“前空行”或“后空行”可以在上方或下方添加其他内容，组成完整的文章。

6.如果你准备的不是5张图，需要自己添加或删除图片，请继续看。

三.添加更多或减少图片

1.复制整段的图片的代码到图中的位置，加几张复制粘贴几次。

2.减少图片，只要删除其中的整段图片开始到结束代码就可以了。

3.其他不变。

四.本地预览

点击编辑区右侧的“手机预览”检查效果。

五.复制到公众号后台

你可以通过以下三种方法发布到公众号后台。

1.点击左侧的“复制全文“，提示复制成功后，到公众号后台粘贴。

2.在编辑区按快捷键CTRL+C，然后去公众号后台CTRL+V

3.点击右侧按钮的“云端保存“，然后点击”同步微信“把素材同步到公众号后台。

注意事项：

建议使用腾讯、搜狗这些浏览器，一定不要用火狐和IE。

仍有问题可以留言。

心动  就是现在 键盘喵微信文章美化排版