jquery - 当 slider 向左/向右移动时，如何为 owlcarousel 卡制作动画

Question

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

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

因此，当单击下一个或上一个时，第一个图像首先随着动画移动，然后它们都以您看到的方式滑动动画。

目前，这是我的 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',
    });
    })
});

或者是否有另一个插件可以执行与发布的 url 类似的操作？

Answer 1

正如我所见，那些人使用完整的 CSS 转换来制作滚动。如果你想处理它，请在带有 ID 的单个 DIV 中使用 3 个图像，然后应用 onclick 操作，如旋转木马，以便轻松制作动画。