자바 스크립트 이미지 cycler

Question

타이머가 지나면 다음 사진으로 전환하는 대신 이미지 div가 비어있게됩니다. 무기한

$('.carouselImageJavascriptActive').removeClass('carouselImageJavascriptActive'); 
$(this).addClass('carouselImageJavascriptActive'); 
var imgs=$(this).attr('.carouselImage') 
var self = $(this); 
var myImage = new Array(); 
var x=0; 

myImage[0]='img/image1.jpg'; 
myImage[1]='img/image2.jpg'; 
myImage[2]='img/image3.jpg'; 
myImage[3]='img/image4.jpg'; 

setTimeout(function() { 

    var img = document.getElementById('.carouselImageJavascriptActive'); 
    img.src = myImage[x]; 
    x++; 

    if(x >= myImage.length){ 
     x = 0; 
    } 
},2000); 

HTML 그 이미지의

<div id='challengeTwoImageJavascript' class='sectionChallengeCarouselImage'> 
    <img id='imgj1' imgn='1' class='carouselImage carouselImageJavascriptActive' src='img/image1.jpg'/> 
    <img id='imgj2' imgn='2' class='carouselImage' src='img/image2.jpg'/> 
    <img id='imgj3' imgn='3' class='carouselImage' src='img/image3.jpg'/> 
    <img id='imgj4' imgn='4'class='carouselImage' src='img/image4.jpg'/> 
</div> 

Answer 1

없음 '.carouselImageJavascriptActive'의 ID가없는 사이클 이미지를 1-4로되어 반복된다.