【问题标题】:hover on div 1 show cycle all slide 1, hover on 2 show cycle all slide 2悬停在 div 1 上显示循环所有幻灯片 1,悬停在 2 上显示循环所有幻灯片 2
【发布时间】:2012-08-15 00:21:33
【问题描述】:

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

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

我还是 jquery 的新手——怎么说呢:

"悬停这个div1,在slide1上暂停所有循环"

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

【问题讨论】:

    标签: jquery hover cycle jquery-cycle


    【解决方案1】:

    那些<div> 只需要被放置为 jQuery 循环的导航或分页。

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

    【讨论】:

    • 寻呼机是否都需要具有相同的 div 类? (在这种情况下,它们都具有相同的类“功能”,但也有其他类——可能会导致冲突,使其不起作用。
    • 您必须阅读有关该插件的更多信息,jquery.malsup.com/cycle。不太清楚,好久没用了!
    • 啊啊啊!!!必须使用完整版的cycle all,而不是LITE 版,就像一个魅力。
    猜你喜欢
    • 2023-01-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-05-03
    • 1970-01-01
    相关资源
    最近更新 更多