Javascript - JS - перемотка картинок по кругу | GeekBrains

JS - перемотка картинок по кругу

1)PHP скрипт выводит на сайт посты.
2)у каждого поста есть превью картинка и 5 дополнительных. (1.jpg ,2.jpg ,3.jpg ,4.jpg ,5.jpg ,6.jpg), изначально грузится 1.jpg.
3)При наведении на картинку, должен включаться JS скрипт, который по кругу перематывает картинки.
4) при отведении курсора - скрипт отключается и возвращает первую картинку
Сделал динамический вариант и что-то упустил.
Подскажите плиз, в чем косяк?

<img name = "7" src="C:\ffmpeg\1\family-guy\7\1.jpg" onmouseover="start(this,1);"  onmouseout="stop(this);" name="img1" id="img1" height="180" width="255">

  

  <img name="8" src="C:\ffmpeg\1\family-guy\8\1.jpg" onmouseover="start(this,1);"  onmouseout="stop(this);" name="img1" id="img1" height="180" width="255">

<script>

function start(this_name,n) {

ImageArr = "C:\\ffmpeg\\1\\family-guy\\"+this_name.name+"\\";

if (n>6) { n = 1;}

this_name.src = ImageArr + n +".jpg";   

timer = setTimeout(function(){start(null,n+1) ;},300);

}

 

function stop(this_name) {   

ImageArr = "C:\\ffmpeg\\1\\family-guy\\"+this_name.name+"\\";

clearTimeout(timer);

this_name.src = ImageArr + 1 +".jpg";  

}

</script>