一、實現的效果

如圖：

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制作无限循环展示图片效果的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。