起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識關于banner輪播最簡易實現及手動切換
昨日心血來潮，看到大家都在做banner輪播的，小弟也嘗試了下，找到了非常簡單的方式。
其實我的方法和@Alex123?一樣樣的，不過我之后增加了手動切換
輪播圓點分為3個狀態，大家可以參照《【關于banner輪播】最簡單的實現方法》的方法，針對每個狀態下的圓點設置交互
這是個人覺得比較蛋疼的地方，每個狀態下的3個圓點，要設置2個用例，以上圖的中間點為例
只要是不等于2，就可點擊切換回來
but，這里會有個問題出現，如果單純只做上面這2步，那當點擊后，切換到第二頁后就不會輪播了，所以我們要設置個等待時間，然后將輪播的代碼再走一遍，這樣，我們的自動輪播加手動切換就完成了。
不過，小弟遇到了一個問題，在點擊切換時，因為動態面板的延遲和動態面板狀態的延遲是同步走的，會出現點擊了某個后，才顯示就迅速刷下一頁了，小弟暫時未能解決該問題，望有大神可以賜教??！
來個原型：http://ntvl6e.axshare.com
謝謝
相關文章
本文由 @納蘇考 原創投稿，并經人人都是產品經理編輯。未經許可，禁止轉載。
新入行的小弟
評論
感覺做的好復雜，分享下我自己做的http://pan.baidu.com/s/1hqHBg6w 密碼：7abc
功能簡單 省去了70%的工作量，親
?? 贊一下
在點擊切換時，因為動態面板的延遲和動態面板狀態的延遲是同步走的，會出現點擊了某個后，才顯示就迅速刷下一頁了，小弟暫時未能解決該問題，望有大神可以賜教??！
關于這個問題，你可以讓動態面板停止輪播，然后等待3000s，然后再開始輪播……
有這些時間 多想想怎么把產品閉環做出來吧。真的喜歡扣細節，去做UI。
這些東西一個占位符就搞定的事，真悠閑功夫
? 作為程序猿出生，表示有BUG不能忍
你這個好麻煩啊，我做輪播都是有幾個banner圖，動態面板就做幾個狀態，然后頁面載入時此動態面板向后循環滾動，動畫選漸入就可以，不用漸出。
點擊小圓點設置動態面板狀態為對應的圖片。
你這個還要設置變量……
按你這個方法，設置之后，點擊后，banner就不會自動輪播了，是我哪里設置不對么？求指教！