首页 文章

制作猫头鹰转盘液体/工作百分比？

提问于
浏览 次
1

我安装了猫头鹰旋转木马，效果很好 . 我对这个插件很满意，但令我困扰的是它不能与视口一起缩放 . 我希望它与我的视口变小的项目一起变小 . 我尝试设置响应："false" . 然后我使用！important为 .owl-item 类添加了自定义百分比宽度 . 它适用于物品，但它们不会缩放，因为滑动阶段或 .owl-wrapper 在PX中 . 我尝试用400％左右的宽度覆盖它，但问题是我无法滑到最后一项 .

这里干净的JSfiddle .

http://jsfiddle.net/Epmwx/83/

.owl-carousel .owl-item{
    float: left;width:4% !important
}

.owl-carousel .owl-wrapper{
    width:400% !important
}

如果你能告诉我我做错了什么，我将不胜感激 . 为什么我不能让它完全变成液体？我没有在我的jsfiddle上添加它，但只有在尝试做液体图像滑块时才能解决这个问题？

jquery css3 owl-carousel

1 回答

  • 1

    确切地解决你想要完成的事情有点棘手，但是如果你试图复制responsive functionality on the Owl Carousel Page，请注意 responsive 键不是布尔值，而是表示断点和行为的对象 .

    演示小提琴

    responsive:{
    0:{
        items:1,
        nav:true
    },
    600:{
        items:3,
        nav:false
    },
    1000:{
        items:5,
        nav:true,
        loop:false
    }
}

    您还可以通过从API docs设置 responsiveClass:true 来设置每个指定断点处的轮播（以及单个项目）的样式：

    responsiveClass：可选的助手类 . 将'owl-reponsive-''breakpoint'类添加到main元素 .

    回复于

相关问题