javascript - 让Carousel slider 连续滑动

Question

我有一个 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>

此外，我可以做些什么来在单击导航箭头并且鼠标未悬停 slider 后保持自动滚动吗？

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

Answer 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) 元素开始。但首先请检查一下。如您所见，您可以删除整个函数回调。