jquery - 悬停在 div 1 上显示循环所有幻灯片 1，悬停在 2 上显示循环所有幻灯片 2

Question

我创建了一个推荐的幻灯片，上面是与幻灯片相关的 3 个类别的 3 个部分。

所以我有div1和slide1、div2和slide2、div3和slide3。

我对 jquery 还是很陌生——我怎么说：

“悬停这个 div1，在 slide1 上暂停所有循环”

 $('.section-testimonials').cycle({
    fx: 'fade',
    speed: 1000,
    containerResize: 0,
    timeout: 9000
});

Answer 1

好吧，这些<div>只是需要放置为 jQuery 循环的 Nav 或 Paging 。

注意**请确保您使用的是循环-全部 FULL 而非 LITE

$('#slideshow').cycle({ 
    speed:       200, 
    timeout:     3000, 
    pager:      '#nav', // <-- point to the wrapper around your div's
    pagerEvent: 'mouseover', // <-- this causes the Pause (keeps it paused the whole time you're hovered)
    pauseOnPagerHover: true 
});​

http://jquery.malsup.com/cycle/pagerHover.html