这是我在生活中看到的最奇怪的事情。
除了两件事外,一切都有效: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:{之间) “
我需要的是:
pauseOnHover真正为真,持续时间设置为4s(4000ms?!),因此幻灯片可以“停止”4秒钟,然后移动到下一个。
谢谢, 叶利钦
答案 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>