0

我有一个带有自动滚动功能的 jCarousel,例如:http ://sorgalla.com/projects/jcarousel/examples/static_auto.html

有没有可能让它连续、平稳地滑动?而不是一次滚动几个项目?

<script type="text/javascript">
function mycarousel_initCallback(carousel) {
    carousel.buttonNext.bind('click', function() { carousel.startAuto(0); });
    carousel.buttonPrev.bind('click', function() { carousel.startAuto(0); });
    carousel.clip.hover(function() { carousel.stopAuto(); }, function() { carousel.startAuto(); }); };
    jQuery(document).ready(function() { 
        jQuery('#mycarousel').jcarousel({ auto: 1, wrap: 'circular', animation: 'fast', scroll: 1, initCallback: mycarousel_initCallback });
});       
</script>

<ul id="mycarousel" class="jcarousel-skin-tango">
<!-- My slides here -->
</ul>

另外,我可以在单击导航箭头后做些什么来保持自动滚动,并且鼠标没有悬停在滑块上吗?

我在他们的文档中没有发现任何相关内容:http: //sorgalla.com/projects/jcarousel/

4

2 回答 2

1

删除该行,以便悬停鼠标不会停止动画:

    carousel.clip.hover(function() { carousel.stopAuto(); }, function() {       carousel.startAuto(); }); };

并尝试删除这个:

    carousel.buttonNext.bind('click', function() { carousel.startAuto(0); });
    carousel.buttonPrev.bind('click', function() { carousel.startAuto(0); });

它可以帮助您不要一直从 (0) 元素开始。但首先请检查它。如您所见,您可以删除整个函数回调。

于 2013-05-07T07:24:34.757 回答
1

我找到了我正在寻找的东西。所以我的代码看起来像:

<script type="text/javascript">
function mycarousel_initCallback(carousel) {
    carousel.buttonNext.bind('click', function() { carousel.startAuto(); });
    carousel.buttonPrev.bind('click', function() { carousel.startAuto(); });
    carousel.clip.hover(function() { carousel.stopAuto(); }, function() { carousel.startAuto(); }); };
    jQuery(document).ready(function() { 
        jQuery('#mycarousel').jcarousel({ auto: .01, wrap: 'circular', animation: 2000, scroll: 1, easing: 'linear', initCallback: mycarousel_initCallback  });
});       
</script>

看起来这两个设置结合了 "animation: 2000, easing: 'linear'" ,正在做我需要的事情。

于 2013-05-07T07:38:12.893 回答