当滑块向左/向右更改时，如何为猫头鹰传送带动画

Question

在this link here中，您将看到如下图所示的部分：

我设法使用owlcarowsel实现了滑块。 但是，如何添加与链接中相同的动画？

因此，当单击下一个或上一个图像时，第一个图像首先随动画一起移动，然后全部按照您所看到的方式滑动动画。

此刻，这就是我的jquery的样子：

$(document).ready(function(){

    var owl = $(".owl-carousel");

    owl.each(function() {

        var items = ( $(this).data('items') ) ? $(this).data('items') : 1;

    $(this).owlCarousel({
        loop: true,
        margin:30,
        stagePadding:30,
        smartSpeed: 400,
        'navText': ['< Prev','Next >'],
        onChange: function() {
            console.info('carousel change');
        },
        onChanged: function() {
            console.info('carousel changed');
        }
        //'margin': '30px',
    });
    })
});

或者也许还有另一个插件与发布的网址具有相似的功能？

Answer 1

如我所见，这些人使用了完整的CSS转换来进行滚动。 如果您想对其进行处理，请在ID的单个DIV中使用3张图像，然后应用诸如轮播的onclick操作以轻松制作动画。