javascript - 在 Prototype-UI 中将循环滚动添加到我的轮播中

Question

我有一个旋转木马，可以很好地滚动，但是当到达内容末尾( <li>.</li> )时，它就会停止。我希望它能从头开始。

这是我的代码，我因为不擅长 JavaScript 等而编写了代码。

<script type="text/javascript">

function startscroll() {
    x = window.setInterval(function scroll() {
        hCarousel.scrollTo(hCarousel.currentIndex() + 3);
    },3000);
}

function stopscroll() {
    window.clearInterval(x);
}

function runTest() {
    hCarousel = new UI.Carousel("horizontal_carousel", {direction: "horizontal"});
    startscroll();
    $('horizontal_carousel').observe('mouseover', stopscroll);
    $('horizontal_carousel').observe('mouseout', startscroll);
}

Event.observe(window, "load", runTest);

</script>

感谢您的帮助戴夫。

Answer 1

改变这个

$('horizo​​ntal_carousel').observe('mouseover', stopscroll);
$('horizo​​ntal_carousel').observe('mouseout',startscroll);

至

  $('horizontal_carousel').onmouseover = function(){
stopscroll();
}
        $('horizontal_carousel').onmouseout = function(){
startscroll();
}`