【Axure交互教程】两种常见的图片幻灯效果

一、交互效果说明

1、左右箭头切换

幻灯3秒自动切换，并且支持左右箭头点击切换

2、焦点切换

幻灯3秒自动切换，同时焦点随着幻灯一起切换；点击焦点，幻灯也会随着焦点切换

下载及预览地址：https://www.pmdaniu.com/rp/detail/128054

1、左右箭头切换

创建一个动态面板，命名为【幻灯图片】，双击动态面板，添加并设置三张图片

制作左右箭头并放置在动态面板【幻灯图片】左右两边

接下来添加交互，选择动态面板【幻灯图片】，触发载入时事件

选择左边箭头触发鼠标单击事件

选择右边箭头触发鼠标单击事件

2、焦点切换

创建一个动态面板，命名为【焦点切换】，双击动态面板添加并设置三张图片

创建一个新的动态面板，命名为【焦点】，并添加设置三个焦点

并分别设置三个焦点的颜色，

焦点一

焦点二

焦点三

接下来添加交互

选择动态面板【焦点切换】触发载入时事件

选择动态面板【焦点】，双击焦点一进入

选择第二个焦点矩形图，触发鼠标单击事件

选择第三个焦点矩形，触发鼠标单击事件

选择动态面板【焦点】，双击焦点二进入

选择第一个焦点矩形图，触发鼠标单击事件

选择第三个焦点矩形图，触发鼠标单击事件

选择动态面板【焦点】，双击焦点三进入

选择第一个焦点矩形图，触发鼠标单击事件

选择第二个焦点矩形图，触发鼠标单击事件

以上就是两种幻灯图片效果原型的全部内容了，你学会了吗？