bxslider中心图片浏览器窗口

Question

我在我的网站中使用bxslider。非常漂亮的插件，但我想中间的图像（不同的宽度）在滑块中间的窗口中间。就像这样：

任何人可以帮助我？或者有人为另一个插件提供了一个tipp，这是什么。

Answer 1

这可能不是您想要的答案，但您可以使每个包含照片的div保持恒定大小，然后调整照片的大小以适合其大小。你需要将包含div的整体称为500px，并且每张照片都包含div 100px。这将给类似于你想要的效果..

Answer 2

也许你可以做这样的事情

SOLUTION

检查Jquery的参与这一

$(document).ready(function() { 
    $('#slider').bxSlider({ 
     auto: true, 
     pause: 2000, 
     autoHover: true, 
     controls: false, 
     maxSlides:3, 
     displaySlideQty: 3, 
     moveSlideQty: 1, 
     onAfterSlide: function (currentSlide, totalSlides, currentSlideHtmlObject) { 
      var $middleSlide = currentSlide + 2; 
      $('#slider li').css({ 
       width:200 
      }); 
      $('#slider li:eq(' + $middleSlide + ')').animate({ 
       width: 150 
      }, 100); 
     } 
    }); 

});