javascript - owl slider 2 显示裁剪的下一张幻灯片

标签 javascript css mobile slider owl-carousel

我正在尝试向我的网站添加移动优化 slider 。因此我不想显示下一个/上一个按钮。我想总共显示第一张/当前幻灯片,并裁剪第二张/下一张幻灯片。

我看到猫头鹰 slider 为您提供了一个舞台填充选项:http://www.owlcarousel.owlgraphic.com/demos/stagepadding.html

是否可以只在右侧填充,所以我对 slider 的想法是真实的。我不想显示裁剪的上一张和下一张幻灯片,只显示下一张幻灯片。

希望你们(和女孩)能帮助我。 谢谢

最佳答案

您可以通过在 .owl-stage 类上添加一个负权限来解决它:of stagePadding 的值。 (未测试) 例如,如果 stagePadding: 20:

.owl-stage {
    right: -10px;
}

原回答:https://github.com/OwlCarousel2/OwlCarousel2/issues/172#issuecomment-62762886

关于javascript - owl slider 2 显示裁剪的下一张幻灯片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38630304/

相关文章:

html - css 值的限制(左 : - 17000000px; )

javascript - 如何分离每个要单独填充的 HTML Canvas 路径/形状?

javascript - this.props 适用于一个函数,不适用于另一个 React-Redux

javascript - 在第一个函数完成将 CSS 样式应用于元素后运行 JavaScript 函数 - 回调不起作用

javascript - 如何允许用户输入 # ,它会找到具有正确 # 的本地 zip 文件之一并继续下载它?

javascript - Jquery/CSS 动画性能

css - 动画没有缓和

javascript - 如何从跨域 iframe 中访问父窗口的 window.orientation?

iphone - SELECT 中的 OPTION 元素太长且破坏了移动布局

纵向和横向的 CSS 移动导航更改