javascript - 悬停时图像未切换

Question

尝试让该图像在悬停时滚动浏览图像，但它不起作用。现场演示:http://codepen.io/bskousen/pen/Ksphr

使用jquery

脚本:

$(document).ready(function() {
    $('.imageBox').hover(startScroll, stopScroll);
});

var scrollInterval;
var i = 2;

function startScroll() {
    scrollInterval = setInterval(scrollImages(this), 100);
}

function stopScroll() {
    i = 2;
    $(this).children('img').fadeOut();
    $(this).children('img:nth-child(1)').fadeIn();
    clearInterval(scrollInterval);
}

function scrollImages(x) {
    $('#count').append('running' + i + ' ');
    var imageCount = $(x).children('img').length;
    $(x).children('img').fadeOut();
    $(x).children('img:nth-child(' + i + ')').fadeIn();
    if (i == imageCount) {
        i = 2;
    }
    else {
        i++;
    }
}

Answer 1

setInterval 的格式不正确。试试这个:

function startScroll() {
    me = this;
    scrollInterval = setInterval(function(){
       scrollImages(me);
    }, 100);
}