如何中心幻灯片bxslider，所以没有幻灯片被裁剪

请看看当前网站我发展：http://debourg-dev.ch/eliterent/对于底部的品牌标志滑块，我使用bxslider。我想知道是否有办法集中幻灯片（徽标），并防止bxslider从“半显示”徽标，因为根据查看它的分辨率，有时会显示裁剪徽标，如果它不能将它们全部装入屏幕。理想情况下，我只想让它显示可以放入当前窗口的完整徽标。如何中心幻灯片bxslider，所以没有幻灯片被裁剪

非常感谢

来源

2013-06-02 user1280853

这是很容易通过调整移除此居中在其li每个图像：

.bx-wrapper img { 
    display: block; 
}

，并添加此：

.bx-wrapper li { 
    text-align: center; 
}

但我认为你是出关于种植问题的运气。我会建议在li S设定一％的宽度，但将它们设置在相对于ul这是非常广泛的，所以这是行不通的。不过，你可以用JS做。

来源

2013-06-02 13:36:18

神奇@ ralph.m感谢这个！ – AdamJones

为了摆脱裁剪并使幻灯片适合不管分辨率，您需要知道幻灯片宽度和边距，然后您可以使用bxslider容器的宽度来计算maxSlides。

Math.floor($('#container').width()/(slide_width + slide_margin));

See working example

来源

2014-12-17 15:32:35 gabdara

我是在同一条船上，然后我发现这...这工作，但你必须每次调整页面......这工程确定的时间刷新页面，但与iPad或东西，可以改变它的屏幕分辨率你把它，它会更好，如果我可以调整浏览器的大小来查看更改...有没有办法调整此代码，以便它可以这样工作？ –

您可以在CSS中使用与视口相关的度量单位。 – ZzZombo

如何中心幻灯片bxslider，所以没有幻灯片被裁剪

回答

相关问题