用于左右导航的 Revslider 滑块图像数据转换
Revslider slider image data-transition for left and right Navigation
在 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: ''
});
谢谢
我终于从 All data-transition
找到了答案
我对所有图像都使用了 data-transition='slidehorizontal'
。
它解决了我的问题:)
在 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: ''
});
谢谢
我终于从 All data-transition
找到了答案我对所有图像都使用了 data-transition='slidehorizontal'
。
它解决了我的问题:)