公众号文章如何做到图片点击后才显示出来的效果？

唯美着惆怅 · 发表于 2023-2-6 09:33:18

近来发明许多公家号文章里有些图片厥后没有显现，面打后才会显现进去，这类结果是如何干到的？

jAwq · 发表于 2023-2-6 09:33:54

点击后再显示图片，是比较典型的 SVG 互动式排版技术，一般业内通过行业旗舰级 SVG 黑科技编辑器 e2.cool 可以完成多种具体的变化方式。包括：
黑科技编辑器｜单图渐现教程黑科技编辑器 | 点击渐现教程黑科技编辑器 | 点击切换教程黑科技编辑器｜点击入场教程黑科技编辑器 | 点击浮现-企业会员热区版教程等等以上组件均可，或者你可以浏览操作台看看是否有其他心仪的展示方式：

公众号文章如何做到图片点击后才显示出来的效果？

具体使用请访问 e2.cool 黑科技编辑器，它是包括华为、大疆、喜茶、GQ 实验室、香奈儿、迪奥、特斯拉、百事可乐等的多行业头部大品牌信赖的交互设计专用国产工具，专业级会员仅需 ¥404 /年，企业级会员（三个账户，更多模版与功能）¥2999/年。详情请阅读：

公众号文章如何做到图片点击后才显示出来的效果？

GpLZL · 发表于 2023-2-6 09:34:31

你说的应该是点击图片展开内容的效果吧，就像下面这个效果一样：

公众号文章如何做到图片点击后才显示出来的效果？

这个效果属于svg样式，利用135编辑器的样式就可以制作出来。
其实这种svg样式之前都是需要付费定制的，现在135编辑器把它做成了样式给大家使用，使用的方法也非常简单，下面就来教大家使用这个样式，做出黑科技感爆棚的推文~
<hr/>首先要找到目标样式，在135编辑器的样式搜索区域输入关键词“点击”或者“展开”可以找到，或者你可以直接输入该样式的id精准搜索，这个样式的id是99155。

公众号文章如何做到图片点击后才显示出来的效果？

找到目标样式之后，将它添加到编辑区域进行编辑。
这里有一个非常重要的步骤，确认我们的编辑器是否是专业版（修改svg样式需要借助专业版的动画功能）：点击编辑区域右侧菜单栏更多功能-换专业版。（如显示换基础版，则表示当前页面为专业版，无需切换）

公众号文章如何做到图片点击后才显示出来的效果？

切换为专业版之后，点击样式，在弹出的菜单栏中选择动画。

公众号文章如何做到图片点击后才显示出来的效果？

点击动画以后，会弹出一个动画功能的菜单栏，左侧是参数修改界面，右侧是效果预览界面。

公众号文章如何做到图片点击后才显示出来的效果？

我们在左侧的参数修改界面修改文字及图片就好。文字部分只有一个，很好辨认，只需要将左侧的文字部分修改为你自己的。

公众号文章如何做到图片点击后才显示出来的效果？

图片更换的方式也很简单，点击图片上传，上传你准备好的图片即可。

公众号文章如何做到图片点击后才显示出来的效果？

这里我们选择自由裁剪上传-保存/上传。

公众号文章如何做到图片点击后才显示出来的效果？

注意：该样式的图片上传顺序为倒序，即我们在参数修改页面看到的第一张图片是最终效果展示出来的最后一张图片，而参数修改页面的最后一张图片才是样式效果的第一张图，要注意图片顺序不要传错了。

公众号文章如何做到图片点击后才显示出来的效果？

有盆友可能会问：我没有那么多图片或者想要增加图片的张数该怎么办呢？
这个也很简单，点击旁边的“+”即可增加图片张数，点击删除符号即可删除图片张数。

公众号文章如何做到图片点击后才显示出来的效果？

完成修改以后，这个样式就制作完成了。
使用svg样式要注意两点：

1、如需预览样式效果请点击编辑区域右侧菜单栏的【手机预览】，不要在编辑页面直接预览，否则可能会导致样式效果失效。
2、svg样式不能直接复制到微信公众号后台，需要使用授权同步功能，效果才可以正常显示，授权同步功能的教程请戳：135编辑器使用帮助-135编辑器

<hr/>ok，以上就是点击展开内容样式的详细使用教程了，你学废了吗~学会了记得点个赞呀~
更多排版技巧&公众号运营知识&课程推荐&涨粉服务，请关注 @135编辑器，邀请好友注册即可领取7天编辑器会员哦~

mwVHv · 发表于 2023-2-6 09:34:54

给图片添加超链接。先把图片上传上去，然后把文章链接用超链接的形式放进去。

CQPs1KQn · 发表于 2023-2-6 09:35:54

这就是使用了编辑工具，你可以关注一下微信排版工具，比如135编辑器，秀米，新媒体管家，微小宝等等。
你只要找到模板换自己内容就好了。

越消费越富有？陕西永倍达疑涉传销被多地发

公众号文章如何做到图片点击后才显示出来的效果？

精彩评论4

浏览过的版块

DeepManus: 开源多智能体协作扛把子

关于我们

产品与服务

全网营销

加盟与合作