固定大小的Flexslider?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (222)

我正在使用Flexslider从API中提取不同大小的产品图像。我一直把它们扔到Flexslider的<ul>,但这些不同的图像尺寸不能很好地发挥。当图像具有不同的高度时,Flexslider可以很好地动画,但是我希望Flexslider具有固定的高度和宽度以适合我的布局。我已经尝试把整个东西放到一个固定的大小<div>,但Flexslider完全忽略它,并溢出到其余的布局。有没有办法调整图像的大小以适应Flexslider不调整大小?

提问于
用户回答回答于

你可以通过使用一些JavaScript绑定一些toggleClass到相同的事件

.flex-viewport  li:not(.flex-active-slide) img{ 

height: 0 !important;
}
用户回答回答于

如果说,你想要一个固定的大小200px200px。将这些属性添加到flexslider.css文件中的选择器应该很好:

.flexslider {
    width: 200px;
    height: 200px;
}

.flexslider .slides img {
    width: 200px;
    height: 200px;
}

扫码关注云+社区

领取腾讯云代金券