作者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/cn.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