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

});