jQuery：ホバーで画像スライドを一時停止

Question

ホバーで画像スライダーを一時停止します。 この私のコード

$(".col-md-8").hover(function() { 
       clearTimeout(timer); 
      }); 

それは私には正しいようだが、何かがうまくいきません。問題は何ですか？前もって感謝します。

Link to my project in Codepen

Answer 1

このをチェックPen

var nextimage = 0; 
var timer = 0; 
doSlideshow(); 

function doSlideshow() { 
    if (nextimage >= images.length) { 
    nextimage = 0; 
    } 
    $('.col-md-8').css('background-image', 'url("' + images[nextimage++] + '")').fadeIn(3000, function() { 
    timer = setTimeout(doSlideshow, 3000); 
    }); 
} 
$(".col-md-8").hover(function() { 
    clearTimeout(timer); 
}); 

$(".col-md-8").mouseout(function() { 
    setTimeout(doSlideshow, 3000); 
}); 

var elems = document.getElementsByClassName("col-md-8"); 
for (var i = 0; i < elems.length; i++) { 
elems[i].style.backgroundRepeat = "no-repeat"; 
elems[i].style.backgroundSize = "100%"; 
}