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

更改此

$('horizontal_carousel').observe('mouseover', stopscroll); $('horizontal_carousel').observe('mouseout', startscroll);

到

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

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

1 个答案: