Jquery 带方向RTL的柔性滑块
您好,我正在为RTL网站使用flexslider,在这种情况下,没有图像出现,我将Jquery 带方向RTL的柔性滑块,jquery,css,flexslider,Jquery,Css,Flexslider,您好,我正在为RTL网站使用flexslider,在这种情况下,没有图像出现,我将方向到“ltr”用于固定滑块的div,它解决了我的问题,但在这种情况下,它使我的页面水平滚动, 如何解决这个问题? 以下是我的标记: <div class="flexslider"> <ul class="slides"> <li data-thumb="/Content/slid
方向到“ltr”
用于固定滑块的div,它解决了我的问题,但在这种情况下,它使我的页面水平滚动,
如何解决这个问题?
以下是我的标记:
<div class="flexslider">
<ul class="slides">
<li data-thumb="/Content/slider/1.jpg">
<img src="/Content/slider/1.jpg">
</li>
<li data-thumb="/Content/slider/1.jpg">
<img src="/Content/slider/1.jpg">
</li>
<li data-thumb="/Content/slider/1.jpg">
<img src="/Content/slider/1.jpg">
</li>
<li data-thumb="/Content/slider/1.jpg">
<img src="/Content/slider/1.jpg">
</li>
</ul>
</div>
我找到了解决方案,我正在使用支持,它设置方向:rtl代码>对于html
:
html{
direction:rtl;
}
只需在上述代码中注释方向属性并设置方向:“ltr”代码>用于sildes
包装器:
.slides{
direction:ltr;
/*...*/
}
您可以使用具有RTL支持的此更新版本的FlexSlider:
我终于找到了解决办法
$('.flexslider').flexslider({
reverse: false
});
要改变英语或阿拉伯语的方向,我们可以使用
如果我们需要RTL,那么使用它“reverse:true”或“reverse:false”
它对我有用。。bestluck你能给我们看一下代码或JSFIDLE吗?@nikhitadkslfslg我已经更新了我的问题。你想要什么效果?一是我的效果。
$('#flexslider').flexslider({rtl:true});
$('.flexslider').flexslider({
reverse: false
});