使用bxslider集中幻灯片

时间:2014-01-27 11:50:21

标签: jquery slide bxslider

我正在使用此插件制作幻灯片,但我无法将幻灯片居中(https://github.com/wandoledzep/bxslider-4)。 宽度将根据屏幕分辨率进行调整,每张幻灯片都有一个特定的(912px),第二张幻灯片的宽度是默认的(startSlide:1)将是集中的并且大于912px的显示器左右滑动将部分显示

1 个答案:

答案 0 :(得分:0)

<强>解决

<ul class="bxslider" style="position: absolute; left:50%;   margin-left:-450px;">

$('.bxslider').bxSlider( { startSlide: 1, minSlides: 2, maxSlides: 2, moveSlides: 1, hideControlOnEnd : true, pager:false, slideMargin : 5, responsive : true, slideWidth: 960, slideMargin: 500 });