pauseOnHover和Duration不在carouFredSel上工作

时间:2013-12-19 19:22:44

标签: jquery caroufredsel

这是我在生活中看到的最奇怪的事情。

除了两件事外,一切都有效:pauseOnHover和Duration。

这是我的代码:

<script type="text/javascript" language="javascript">
    $(function() {
        $('#slide-topo').carouFredSel({
            auto: true,
            prev: '#prev',
            next: '#next',
            mousewheel: false,
            items: {
                pauseOnHover: true,
                width: 1000,
                height: 498
            }
        });
        $('#slide-brands').carouFredSel({
            auto: false,
            prev: '#prevb',
            next: '#nextb',
            items: {
                width: 180,
                height: 115,
                minimum: 2
            }
        });
});
</script>

“slide-brands”工作正常,但是“slide-topo”不适用于pauseOnHover(它不会在悬停时暂停)或者持续时间(我删除了原始代码但包含在“items:{之间) “

网址:http://www.realnet.com.br/

我需要的是:

pauseOnHover真正为真,持续时间设置为4s(4000ms?!),因此幻灯片可以“停止”4秒钟,然后移动到下一个。

谢谢, 叶利钦

1 个答案:

答案 0 :(得分:3)

我很笨,我解决了。

问题是,我没有放在正确的部分!

请参阅更正的代码。

<script type="text/javascript" language="javascript">
            $(function() {
                $('#slide-topo').carouFredSel({
                    auto: true,
                    prev: '#prev',
                    next: '#next',
                    items: {
                        width: 1000,
                        height: 498
                    },
                    scroll: {
                        pauseOnHover: true,
                        duration: 3000,
                    }
                });
                $('#slide-brands').carouFredSel({
                    auto: false,
                    prev: '#prevb',
                    next: '#nextb',
                    items: {
                        width: 180,
                        height: 115,
                        minimum: 2
                    }
                });
            });
        </script>