浏览器窗口中的bxslider中心图片

Question

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

有人可以帮我这个吗？或者让任何人知道另一个插件，这是什么。

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

});