悬停在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放置。

注意**确保使用循环全部全部不是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