航洋学校

详细内容

用axure实现图片轮播最简单的办法

  1、首先看下轮播banner的组成。

3.png

  上图中,左边是页面 展现的 banner轮播的图,右侧则是对应的两个动态面板。

  可以看到右侧动态面板命名非常简单(根本起不到提示作用,但这说明此处面板命名不太重要,自己能区分就可以)

  2、接下来看一下两个面板的交互效果。

  如上是对于 轮播图片banner的 动态面板设置。

  设置面板在 【载入时】有交互,基本就是两个动作:

  面板不是在一加载就开始切换的,我设置的先等待1000毫秒。

  设置面板状态 为【NEXT】(即按照1、2、3的顺序进行切换);

  勾选从*一个到*个自动跳转;勾选图像轮播间隔。具体时间间隔可自己设置。

  为了让banner轮播看上去更逼真,可以加个 进入和退出的动画。此处选择的时向左滑动。用时500毫秒。

  以上是banner 面板的全部交互。

  做完这个切换之后其实基本算是banner做完了。但是总觉得缺点什么。——缺我们常见的banner切换时的页面指示导航按钮。

  依然是采用很简单的方式 很暴力的加上的。

  首先面板中的1、2、3状态内容如下图:

  其对应的交互面板,基本和banner面板的设置是一样的。*的不同是,在面板切换间的效果,这里不再是向左滑动,而是淡入淡出(毕竟三个指示按钮滑来滑去,是很滑稽的)

  贵阳航洋动漫职业学校是贵阳市教育局批准(贵阳市教[2010]15号)设立的跨专业(包含计算机平面设计、动漫与游戏制作、影像与影视技术、绘画等专业)、多门类、全日制中等专业职业学校,同时也是一所实行准军事化管理的学校。


关注公众号

关注微头条

学校位于贵阳市白云区数字内容产业园内,占地面积60多亩,篮球场、室内运动场、游泳池、食堂、超市等俱全,环境优雅。

电话直呼
在线客服
发送邮件
企业位置
联系我们:
13618598927
校长办公室
点击这里给我发消息
还可输入字符250(限制字符250)
seo seo