请问照片上一张下一张及幻灯循环播放如何做?
想做一个这样的原型:1. 点击左右按钮可以向前或向后切换小照片的预览
2. 在切换小照片时,点击按钮A,进入幻灯片模式查看照片,并且显示的是当前正在查看的照片
3. 幻灯片自动切换,并自动循环
4. 在幻灯片模式点击按钮B,可以返回到小照片预览,并且图片可以对应起来。
下边是已完成的RP源文件,用Axure RP打开按F5输出为Html格式可以查看效果。
实现方法:
1. 要用到循环功能,必然要用到定时刷新当前页的操作,为了让刷新只影响到该功能区不影响到整页中其它的内容,要把整个功能区放在另一个页面中。然后在本页面利用内容框架(iframe)嵌入的方式进行。
2. OnLoadVariable变量用于判断幻灯片模式在上一循环中是否为打开状态。
zhuceng变量用于判断当退出幻灯片模式时,主层所在的状态为哪一张。
3. 注意框架页中OnPageLoad上的条件都是If开头,如果你添加的是Else If开头,那么在该事件上右键,点击"更改为IF"
-------------------------------------------------------------------
你原来的那个原型的主要问题有:
1.你既然是在每个状态中分别给按钮添加事件,那就不需要额外添加变量来判断下一步该显示哪个状态了。
2.你设置了两个层,互相之间要产生一些交互控制,就不要把两个层放在两个不同的模块里,这样无法直接完成两个层的相互控制。
3.你在模块中添加OnPageload是没用的,模块不是真正的页面加载,所以添加OnPageLoad不起作用。
页:
[1]