Question

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

现在我正在使用以下数据转换为每个图像即使我单击左箭头图像来自右侧

，data-transition='parallaxtoright'图像也会从右侧出现

Html Code Here：

<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 Script Here：

        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='slidehorizontal'用于所有图片。

它解决了我的问题：）

适用于左右导航的Revslider滑块图像数据转换

1 个答案: