2020/2/22 如何在Axure中设置自动切换图片

在Axure中使用滚动图
需要用到:
1.动态面板
2.按钮/方框/……

需求:
在这里插入图片描述实现3张图片的自动切换

做法:
1.放置好动态面板起名第三滚动图,并设置3个面板分别起名1、2、3
在这里插入图片描述
2.在3个面板中各放入图片后退出动态面板

3.设置3各按钮并调整透明度为50%
在这里插入图片描述
4.为每个按钮加上交互动作为:鼠标移入时显示相应面板在这里插入图片描述
5.鼠标点到背景加上交互动作为:页面载入时自动切换面板内容
在这里插入图片描述
在这里插入图片描述
具体为:
在这里插入图片描述
6.再将上一步的内容加到3各按钮的交互动作鼠标移出时:
在这里插入图片描述
7.ok,完成啦

以上就是设计网页上的自动切换的图片的步骤

本来没有想做的,后来经同学提醒了一下,感觉可以做出来,就通过一次次尝试到底应该怎么设置才能做到自动切换,终于成功了。
不过完全绘制一个原型要的时间好多啊。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值