作者Hadamard (大俠)
看板Web_Design
標題[問題] 關於RWD網頁製作
時間Sun Jun 27 13:20:30 2021
最近在幫公司製作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 可用?
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 123.194.128.150 (臺灣)
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1624771233.A.005.html
1F：推 nick8195: 試試picture元素搭配source:media 要注意ie不支援 06/27 16:07
2F：推 kyoe: 簡單一點, 兩個slider,一個pc show一個mobile show 06/30 10:13
3F：推 jr89005: 加css解決 06/30 23:20
4F：推 stupidwoman: 可以考慮一個item裡面塞兩個div，用css media控制div 07/01 11:12
5F：→ stupidwoman: show/hide。圖片部分寫在div background也比較好支 07/01 11:12
6F：→ stupidwoman: 援RWD 07/01 11:12
7F：→ Hadamard: 感謝樓上各位~~ 07/02 11:09