首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

1张图片上添加多个弹出图、超链接、小程序、公众号、视频号,怎么弄?

你是否曾经想过,一张普通的图片,除了展示内容,还能有什么更多的功能?

今天就跟大家介绍使用 iPaiban Pro 黑科技编辑器可以添加多个弹出图、超链接、小程序、公众号、视频号或红包封面的方法,打破对图片的固有认知,给用户带来全新的体验。

以Coach蔻驰在1张图片上点击弹出多张图片的交互为例:

第1步:选择组件登录 iPaiban Pro 编辑器后,点击编辑器左侧「组件」按钮,在「弹出|弹窗」分类中找到「点击弹出-弹出图片(设置多个触发区)」组件,或者直接在搜索框中搜索组件编号10100,点击选择。

第2步:上传图片点击页面右侧「换图」按钮上传背景图。

点击页面右侧「+」号上传隐藏的弹出图,最多可以上传9张。弹出图可以是GIF动图,但是尺寸要小,否则受微信平台的限制弹出后可能会静止不动。

第3步:设置点击弹出区域双击背景图,出现设置弹出区域的页面。

在这个页面上,用鼠标拖动图片就可以任意调整弹出图触发位置。拖拉图片四周的调整框可以调整图片大小,让弹出区域更加精确。

所有弹出图设置好触发区域后点击「保存设置并退出」,回到主页面。

第4步:导入公众号后台 点击最右侧「预览草稿」扫码预览效果,效果满意后点击「同步至微信后台」就可以了。

使用同步功能无需频繁在编辑器和微信后台切换,同步成功后可以立即扫描二维码查看。 如需局部导入可参考《iPaiban Pro小助手安装和使用教程》中导入功能的「导入代码」部分。

  • 发表于:
  • 原文链接https://page.om.qq.com/page/OSSNLf3ugwDGrJeSmq5lnfMA0
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券