[问题] 关于RWD网页制作

楼主: Hadamard (大侠)   2021-06-27 13:20:30
最近在帮公司制作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 可用?
作者: nick8195 (煎饼)   2021-06-27 16:07:00
试试picture元素搭配source:media 要注意ie不支援
作者: kyoe (缘份‧不再)   2021-06-30 10:13:00
简单一点, 两个slider,一个pc show一个mobile show
作者: jr89005 (米米分)   2021-06-30 23:20:00
加css解决
作者: stupidwoman (香蕉)   2021-07-01 11:12:00
可以考虑一个item里面塞两个div,用css media控制divshow/hide。图片部分写在div background也比较好支援RWD
楼主: Hadamard (大侠)   2021-07-02 11:09:00
感谢楼上各位~~

Links booklink

Contact Us: admin [ a t ] ucptt.com