Axure知识点：如何制作轮播图效果（以泉州师范学院官网为例）

摘要：微信搜索【三桥君】
使用软件：Axure RP 9软件
说明：实现方式不唯一，这里给出三桥君制作的一种方式。

一、问题

本篇文章三桥君主要解决关于轮播图交互效果的设置，以泉师新闻轮播图为例。

1.图片如何自动轮流播放/h3>

选择动态面板

5.当鼠标移入图片区域时，如何显示切换按钮标移出图片区域时，如何隐藏切换按钮/h3>

给方向左-轮播图小、方向右-轮播图小、轮播图小这三部分都设置相同的【鼠标移入时】和【鼠标移出时】的交互效果，如图：

6.当点击切换按钮时，如何让轮播图片会对应切换到上一张、下一张/h3>

给右边的切换按钮添加【单击时】的交互效果，如图：

至此，泉师新闻轮播图的交互效果全都设置完成了。

文章整理不易，如有帮助请点赞关注支持，谢谢！微信搜索【三桥君】，回复【关注】有我准备的一份资源大礼包。后续持续更新~~~

来源：三桥君