剛開始使用的是圖片畫廊效果(http://www.swiper.com.cn/demo/23-thumbs-gallery.html)，實現雙向綁定：也就是上面滑動，下面的slide也會隨之滑動；但是有一個問題，上面那里必須有一個參數：centeredSlides:true;否則會出現active的slide上下不一致的問題。如圖：
在gallery-top中，active-slide是第三個；而在gallery-thumbs中，active-slide是第七個。
但是嘞，在swiper官網首頁，看到他們的介紹說Swiper能實現觸屏焦點圖、觸屏Tab切換、觸屏多圖切換等常用效果。我覺得自己陷入了偷懶的誤區。
其實這個tab切換跟之前寫的那些差不多，只是現在加上了一個滑動效果啊。。。
用到swiper的api就是slideTo和onSlideChangeStart,如下圖：
現在，開始寫新頁面吧~~
嗯，爭取什么時候自己寫個類似swiper的插件。。。