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

Question

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

有人可以帮我吗？或者让任何人为另一个插件提供提示，这是做什么的。

Answer 1

这可能不是您想要的答案，但您可以将包含照片的每个 div 设置为恒定大小并调整照片大小以适合。您需要将包含 div 的整体设为 500px，而每张照片包含 div 100px。这会产生类似于你想要的效果..

Answer 2

也许你可以做这样的事情

解决方案

检查涉及到的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);
        }
    });

});