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); 
     } 
    }); 

});