자바스크립트 랜덤 이미지 질문입니다.

무한루프에 걸리는데 어디서 잘못 됬는지 궁금합니다.

TypeA1.jpg, TypeC9.jpg

A부터 E까지 유형이 있는데 해당유형에서 이미지 개수내에서 랜덤으로 출력하는 소스입니다.

var ImagesArray = []
var Types = ["TypeA","TypeB","TypeC","TypeD","TypeE"]

for(i=1; i<6; i++){
    var ran2 = Math.floor(Math.random()* 5);
    if(Types[ran2]==="TypeA"){
        var ran0 = Math.floor(Math.random()* 6 + 1);
    } else if(Types[ran2]==="TypeB"){
        var ran0 = Math.floor(Math.random()* 7 + 1);
    } else if(Types[ran2]==="TypeC"){
        var ran0 = Math.floor(Math.random()* 0 + 1);
    } else if(Types[ran2]==="TypeD"){
        var ran0 = Math.floor(Math.random()* 10 + 1);
    } else if(Types[ran2]==="TypeE"){
        var ran0 = Math.floor(Math.random()* 2 + 1);
    }
    
if (!ImagesArray.includes(ran0)) {
    ImagesArray.push(ran0)

}
else {
        --i;
    }
    $('.galleryImg'+i).attr("src","../../images/gallery/"+Types[ran2]+ImagesArray[i]+".jpg");
}