var myImage = document.getElementById("mainImage");
var imageArray = ["_images/1.jpg","_images/2.jpg","_images/3.jpg",
"_images/4.jpg","_images/5.jpg","_images/6.jpg"];
var imageIndex = 0;
function changeImage() {
myImage.setAttribute("src", imageArray[imageIndex]);
imageIndex++;
if (imageIndex >= imageArray.length) {
imageIndex = 0;
}
}
私はあなたonmouseover
それは、それが停止しますと、その後onmouseout
、それが再び再開gif
、のように変化する画像を取得する方法をJS
に基本的な勉強します。私は下の部分で苦労しています。画像を含むsetIntervalでonmouseoverとonmouseoutイベントを使用してif else関数を設定するにはどうすればよいですか?
var intervalHandler = setInterval(changeImage, 3000);
myImage.onmouseover = function(){
clearInterval(intervalHandler);
}
myImage.onmouseout = function(){
setInterval(changeImage, 3000);
}
コンソールでエラーが発生しましたか? – void