[問題] 關於RWD網頁製作

看板Web_Design作者 (大俠)時間2年前 (2021/06/27 13:20), 編輯推噓4(403)
留言7則, 5人參與, 2年前最新討論串1/1
最近在幫公司製作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://www.ptt.cc/bbs/Web_Design/M.1624771233.A.005.html

06/27 16:07, 2年前 , 1F
試試picture元素搭配source:media 要注意ie不支援
06/27 16:07, 1F

06/30 10:13, 2年前 , 2F
簡單一點, 兩個slider,一個pc show一個mobile show
06/30 10:13, 2F

06/30 23:20, 2年前 , 3F
加css解決
06/30 23:20, 3F

07/01 11:12, 2年前 , 4F
可以考慮一個item裡面塞兩個div,用css media控制div
07/01 11:12, 4F

07/01 11:12, 2年前 , 5F
show/hide。圖片部分寫在div background也比較好支
07/01 11:12, 5F

07/01 11:12, 2年前 , 6F
援RWD
07/01 11:12, 6F

07/02 11:09, 2年前 , 7F
感謝樓上各位~~
07/02 11:09, 7F
文章代碼(AID): #1Ws0gX05 (Web_Design)