jquery – 猫头鹰旋转木马,制作定制导航

前端之家收集整理的这篇文章主要介绍了jquery – 猫头鹰旋转木马,制作定制导航前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
所以我有一个包含三个图像的猫头鹰旋转木马。我还在左侧和右侧添加自定义导航箭头(.png图像)。然而,这些箭头目前是无用的,因为我找不到一种方法来实际使它们在我的猫头鹰旋转木马的图像之间切换。我无休止地搜索,找不到解决方案。有任何想法吗?

解决方法

您需要启用导航和编辑navigationText:

假设这是版本1.3.2

http://owlgraphic.com/owlcarousel/#customizing

$("#owl-example").owlCarousel({
  navigation: true,navigationText: ["<img src='myprevimage.png'>","<img src='mynextimage.png'>"]
});

假设它是版本2:

http://www.owlcarousel.owlgraphic.com/docs/api-options.html

$("#owl-example").owlCarousel({
  nav: true,navText: ["<img src='myprevimage.png'>","<img src='mynextimage.png'>"]
});

个人建议:在猫头鹰上使用Slick

原文链接:https://www.f2er.com/jquery/182387.html

猜你在找的jQuery相关文章