作者Moneyyyyy (擋我者死)
看板Web_Design
標題[問題] OwlCarousel的hover問題
時間Tue Mar 14 18:25:48 2017
各位好~
我使用了owlcarousel的套件來展示輪播
想要達到網頁一打開即自動撥放
滑鼠移入撥放暫停,滑鼠移出自動播放
如果是使用autoplayHoverPause: true,前者可以實現,可是後者不會自動撥放
我試著寫js如下還是不行,請問該怎麼辦呢?
$("
#slideshow .item").on("mouseleave", function (e) {
owl.trigger("play.owl.autoplay", [2000]);
})
$(".owl-carousel").owlCarousel({
loop: true,
margin: 15,
autoplay: true,
autoplayTimeout: 2000,
autoplayHoverPause: true,
responsive: {
0: {
items: 1
},
600: {
items: 2
},
1000: {
items: 3
}
}
})
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 101.184.154.59
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1489487151.A.E5E.html
→ Moneyyyyy: 我使用的是OwlCarousel2-2.2.1這個版本 03/14 18:33
→ akccakcctw: 這樣就可以了(? 03/14 23:04
→ Moneyyyyy: 我試過了,可以了耶,謝謝,原來是要加var那行~~ 03/16 16:48