如何在Owl Carousel（v1.3.3）導航懸停時添加下一張和上一張幻燈片的預覽？

Question

這是我想要的附件img

示例圖片

任何人都知道我可以在owl carousel v1.3.3或什至在最新的beta版本中執行此操作（如果v1.3.3無法實現）。 我需要在上一個箭頭旁邊的貓頭鷹導航上顯示下一個或上一張幻燈片的預覽。

謝謝。

Answer 1

我認為，如果您可以讓輪播中的3個項目變小，並且第一個和最后一個項目可以較小，則在左/右方向的z-index小於箭頭的z-index，您將獲得所需的效果。 你認為呢？

如果這不起作用，請考慮使用這個解釋在這里或這個 。

如果您使用jsfiddle中的鏈接，請從此處檢查功能，

        // i - counter
        // Give some styles and set background image for pagination item
        .css({
            'background': 'url(' + $(this).find('img').attr('src') + ') center center no-repeat',
            '-webkit-background-size': 'cover',
            '-moz-background-size': 'cover',
            '-o-background-size': 'cover',
            'background-size': 'cover'
        })
        // set Custom Event for pagination item
        .click(function () {
            owl.trigger('owl.goTo', i);
        });

});