在前端設計中，經常會有不少的小伙伴們遇到輪播問題，這里小編推薦使用swiper,swiper中有許多的特殊樣式，但是有時會碰到別人寫的頁面自己搭后臺的，他們可能不會按照swiper原有的樣式來做，這樣做程序有時就會很頭痛，今天文匯軟件小編就來和大家分享一下這方面的問題。
我們首先來看下以下這個案例，像是圖中這樣的輪播，我們就完全可以套用swiper。
這個表面上看上去很簡單，但是當我們看到它的結構時。。。
我們按照正常邏輯應該是循環其中的圖片的但是如果我們循環圖片的話就會出現雖然一眼看上去沒問題還是兩組四排，但是里面只能調用四個的情況。
針對這種情況就需要我們再寫一個判斷。當他不等于0，且正好可以被2整除時，給他閉合標簽讓他重新開啟新的一組，否則就讓他按照正常的來循環。
這樣我們的輪播就可以按照后臺的循環來正常播放了，如下圖：（PS:這里只放了五個不是bug!!!）
想要了解更多前端知識，請關注文匯軟件。
下一篇： 如何使不定寬度的元素居中
關鍵詞:
