Помогите Jquery смена несколько картинок
 

Помогите Jquery смена несколько картинок

есть

<div class="cat5">
<img  calss="cat5-hover"  src="photo1.jpg">
</div>

как сделать чтобы по наведению поменялись картинки по очереди

эффекты не важны

photo1.jpg
photo2.jpg
photo3.jpg
photo4.jpg


мышка уберем останавливается

два дня уже мучаюсь

надеюсь кто то поможет

примерный алгоритм

создайте массив с картинками
$(".cat5").hover(
  function () {
    //меняем src картинки
    setInterval(функция смены, 1000) ;
  }
);

Jquery смена несколько картинок
 

$('.cat5').mouseover(

function slideShow() {

var imgs = ['/sites/default/files/home_catalog/cat5.jpg','/sites/default/files/home_catalog/cat5-2.jpg','/sites/default/files/home_catalog/cat5-3.jpg','/sites/default/files/home_catalog/cat5-4.jpg'];
 

function changeimage(){
	for(i=0; i<5;i++){
	 $('img.cat5-hover').attr('src',imgs[i]);
	 }
}
  setTimeout(changeimage, 5000);
 
}

);

только последний показывает

может поможете очень нужно

setTimeout и setInterval какбы отличаются тем что setTimeout вызывается только 1раз

с setInterval(changeimage, 5000);
тоже последный показывает

Jquery смена несколько картинок
 

тоже последний показывает

$('.cat5').mouseover(

function slideShow() {

var imgs = ['/sites/default/files/home_catalog/cat5.jpg','/sites/default/files/home_catalog/cat5-2.jpg','/sites/default/files/home_catalog/cat5-3.jpg','/sites/default/files/home_catalog/cat5-4.jpg'];
 

function changeimage(){
	for(i=0; i<5;i++){
	 $('img.cat5-hover').attr('src',imgs[i]);
	 }
}
  setInterval(changeimage, 5000);
 
}

);

там 5сек задержка, может не дожидаетесь)
выложите пример на http://learn.javascript.ru/play

нет жду просто сразу последний показывает после 5 сек задержки