所以我有一个包含三张图像的猫头鹰旋转木马。我还在左侧和右侧添加了自定义导航箭头(.png 图像)。然而,这些箭头目前是无用的,因为我找不到一种方法来真正让它们在我的猫头鹰旋转木马的图像之间切换。我无休止地寻找,找不到解决方案。有任何想法吗?
您需要启用导航并编辑 navigationText:
> 假设这是version 1.3.2
owlgraphic.com/owlcarousel/#customizing
Note: Owl 1.3 的站点似乎已关闭,因此这是一个分叉的 Codepen 示例 https://codepen.io/stufu/pen/rwKyJw.
$("#owl-example").owlCarousel({
navigation: true,
navigationText: ["<img src='myprevimage.png'>","<img src='mynextimage.png'>"]
});
> 假设是version 2
:
https://owlcarousel2.github.io/OwlCarousel2/docs/api-options.html#nav https://owlcarousel2.github.io/OwlCarousel2/docs/api-options.html#nav
$("#owl-example").owlCarousel({
nav: true,
navText: ["<img src='myprevimage.png'>","<img src='mynextimage.png'>"]
});
个人建议:使用Slick http://kenwheeler.github.io/slick/超过猫头鹰
个人建议更新:小滑块 http://ganlanyuan.github.io/tiny-slider/demo/也很棒。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)