javascript - 用于左右导航的 Revslider slider 图像数据转换

Question

在 Revslider 中，当我点击左导航箭头时，图像应该来自左侧，而当我点击右箭头时，图像应该来自右侧

现在我为每个图像使用下面的数据转换data-transition='parallaxtoright' 即使我单击左箭头图像也来自右侧图像来自右侧

HTML代码在这里:

<div class="fullwidthbanner">
<li data-transition="parallaxtoright" data-slotamount="10" data-speed="100"  data-masterspeed="300">

    <!-- THE MAIN IMAGE IN THE FIRST SLIDE -->
    <img src="img/slideshow/1.jpg">

</li>
</div>

jQuery 脚本在这里:

        jQuery('#rev_slider_4').show().revolution({
        dottedOverlay: 'none',
        delay: 1500,
        startwidth: 585,
        startheight: 390,

        hideThumbs: 200,
        thumbWidth: 200,
        thumbHeight: 50,
        thumbAmount: 2,


        navigationType: "bullet",
        navigationArrows: "solo",
        navigationStyle: "round",

        touchenabled: 'on',
        onHoverStop: 'on',

        navigationHAlign: "center",
        navigationVAlign: "bottom",
        navigationHOffset: 0,
        navigationVOffset: 20,

        soloArrowLeftHalign: "left",
        soloArrowLeftValign: "center",
        soloArrowLeftHOffset: 20,
        soloArrowLeftVOffset: 0,

        soloArrowRightHalign: "right",
        soloArrowRightValign: "center",
        soloArrowRightHOffset: 20,
        soloArrowRightVOffset: 0,

        shadow: 0,
        fullWidth: 'on',
        fullScreen: 'off',

        stopLoop: 'off',
        stopAfterLoops: -1,
        stopAtSlide: -1,

        shuffle: 'on',

        autoHeight: 'off',
        forceFullWidth: 'on',
        fullScreenAlignForce: 'off',
        minFullScreenHeight: 0,
        hideNavDelayOnMobile: 1500,

        hideThumbsOnMobile: 'off',
        hideBulletsOnMobile: 'off',
        hideArrowsOnMobile: 'off',
        hideThumbsUnderResolution: 0,

        hideSliderAtLimit: 0,
        hideCaptionAtLimit: 0,
        hideAllCaptionAtLilmit: 0,
        startWithSlide: 0,
        fullScreenOffsetContainer: ''
    });

谢谢

Answer 1

最后我从 All data-transition 找到了答案

我对所有图像都使用了 data-transition='slidehorizo​​ntal'。

它解决了我的问题:)