前端之家收集整理的这篇文章主要介绍了
jquery – 自适应bxSlider宽度或中心图像,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个幻灯片,上面有许多不同宽高比的图片.我希望图像在幻灯片中居中.我该怎么做,甚至更好,如何自动调整滑块大小?
最佳答案
解决中心问题
.bx-wrapper img {
margin: 0 auto;
}
slideWidth option
每张幻灯片的宽度.所有水平转盘都需要此设置!
像这样:
JS:
$('.bxslider').bxSlider({
mode: 'fade',captions: true,pagerCustom: '#bx-pager',adaptiveHeight: true,slideWidth: 300
});
HTML:
原文链接:https://www.f2er.com/css/427618.html