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

[nordeveloper]

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

есть

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

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

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

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


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

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

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

[animhotep]

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

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

[nordeveloper]

$('.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);
 
}

);

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

[nordeveloper]

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

[animhotep]

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

[nordeveloper]

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

[nordeveloper]

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

$('.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);
 
}

);

[animhotep]

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

[nordeveloper]

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

[nordeveloper]

http://learn.javascript.ru/play/22DyWb