使用Axure制作无限循环展示图片效果

一、实现的效果

如图：

1、此次需要实现的效果是，进入界面后，在图片展示区域的图片根据事先设定好的时间，自动切换不同的图片；

2、循环不间断；

3、页面不出现闪烁的现象。

二、做前工作

图片：4张

软件：Axure

三、制作流程

1、在开打的空页面上添加一个动态面板（X：20 ，Y：20 ；W：600，H：382）如图：

2、给动态面板取名为“动态广告”，再在该动态面板上添加4个字状态，分别取名为，图01、图02、图03、图04。如图：

3、为每个状态分别添加不同的图片。如图：

4、为了实现这个无限循环的效果，需要在主界面再添加一个隐藏的辅助动态面板，建议，将做辅助用的动态模板添加到展示图片的动态面板上，这样就不用占用页面的其他位置了。

动态面板命名为“图片循环辅助面板”

如图：

5、给主页面添加“页面载入时”事件，设置界面加载时“图片循环辅助面板”的相对距离为：（1，0），如图：

6、设置“图片循环辅助面板”的“移动”事件

7、制作完成，点击“发布-生成HTML文件”，运行一下测试效果。

运行效果OK！大功告成！

转载于:https://www.cnblogs.com/hanyu2012/p/4024677.html

使用Axure制作无限循环展示图片效果相关推荐

html5怎么让图片向下无限循环,图片效果，教你制作无限循环的德罗斯特效应图片...
什么叫德罗斯特效应?就是这类可以无限循环的图片,看上去非常有意思,而且制作十分简单,只要几步就能做出来. 这个就是德罗斯特效应的效果: 要制作这种效果效果是不是很复杂呢,其实用Photoshop几步操 ...
[原型设计]Axure制作首页轮播图片切换效果
1.新建Axure PR文件,取名"Axure制作首页轮播图片切换效果" 2.获取素材,进入36Kr官网主页,获取轮播图片素材. 获取素材 3.拖拽动态面板控件Dynamic Pa ...
iOS开发系列--无限循环的图片浏览器
概述 UIKit框架中有大量的控件供开发者使用,在iOS开发中不仅可以直接使用这些控件还可以在这些控件的基础上进行扩展打造自己的控件.在这个系列中如果每个控件都介绍一遍确实没有必要,所谓授人以鱼不如授 ...
html展示ppt模板效果,PPT大神亲测，PPT这样展示图片效果“perfect”!快来收藏吧
终于等到你了,我是爱踢汪.红米手机发布会,抢眼的不仅仅是最新款手机,还有发布会的PPT.发布会PPT图片展示技巧,文字的处理,配色等都堪称一绝.下面我们就来看一看发布会常用的图片展示技巧. PPT大神 ...
变动翻屏展示图片效果
<HTML><HEAD><TITLE>变动展示图片效果</TITLE> <META http-equiv=Content-Type content ...
PS怎么制作下雨天玻璃水雾图片效果
这个教程主要是用PS动作来制作下雨天玻璃水雾图片效果,方便快捷,而且不需要我们把PS转换成英文,我们直接在中文版PS上使用即可!动作可搜"雨天玻璃窗水滴水雾效果PS动作"下面是我制 ...
微信小程序使用for循环展示图片，如果点击其中一个怎么获取该图片的src
在小程序中使用循环来展示图片时,可以使用 wx:for 指令.在使用 wx:for 指令时,可以使用变量来控制当前循环项. 举个例子,如果要循环展示图片列表,可以这样写: <view wx:fo ...
HTML图片重叠变换,CSS实现图片无缝无限循环展示效果
只是想练练手,看看能不能实现在页面上放置一个能无限循环滚动的图片横幅.事实证明,这并不是很难. 先看实际效果: 无限循环滚动的关键是确定宽图片的位置首先,这个图片的设计需要有一点技巧,就是它的首位部 ...
使用Axure 制作动态广告展示
一.最终实现的效果如图: 当鼠标指针移入图中的数字"01"."02"."03"."04"不同的数字时,分别展示不同的 ...

使用Axure制作无限循环展示图片效果

一、实现的效果

二、做前工作

三、制作流程

使用Axure制作无限循环展示图片效果相关推荐

最新文章

热门文章