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

 2020-06-08 10:41:29  阅读量: 1404

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

文艺清新线框标题公众号素材模板
应用场景
文艺清新线框标题公众号素材模板


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

文艺清新线框标题公众号素材模板
实际效果
文艺清新线框标题公众号素材模板


连续点击切换图片





文艺清新线框标题公众号素材模板
一.上传图片并记录图片地址
文艺清新线框标题公众号素材模板


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

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

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

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

4.点击上传好的图片,然后点击“换图“。14.jpg

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

注意:

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

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

文艺清新线框标题公众号素材模板
二.使用素材
文艺清新线框标题公众号素材模板


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

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

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

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

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

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

文艺清新线框标题公众号素材模板
三.添加更多或减少图片
文艺清新线框标题公众号素材模板


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

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

3.其他不变。

文艺清新线框标题公众号素材模板
四.本地预览
文艺清新线框标题公众号素材模板


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

2.如果第一张图片出现空白,清切换到“html”然后删除掉空格字符,空格字符如下图所示。end.png

文艺清新线框标题公众号素材模板
五.复制到公众号后台
文艺清新线框标题公众号素材模板


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

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

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

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

注意事项:

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

仍有问题可以留言。


扫码获得帮助