最近在幫公司製作RWD網頁
遇到一個問題
就是在網頁的banner部分
我有一些圖片 假設為 A,B,C,D,E
我想要讓他可以隨時間變換
目前使用 FlexSlider
並無太大問題
但...要製作成RWD時,問題來了
上面的圖片 A,B,C,D,E 分別代表個別的產品
我希望在視窗縮小時,
變成 A1,B1,C1,D1,E1 這五張圖片的變換
其中 A -> A1, B -> B1 如此互相對應
視窗拉大時, 又可立即變成 A,B,C,D,E 變換
不知 FlexSlider 該如何設定?
或是有其他的 plugin 可用?

試試picture元素搭配source:media 要注意ie不支援

簡單一點, 兩個slider,一個pc show一個mobile show

加css解決

可以考慮一個item裡面塞兩個div，用css media控制divshow/hide。圖片部分寫在div background也比較好支援RWD

感謝樓上各位~~