Помогите 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 сек задержки
|
|
а, дык всё верно
через 5 сек вызывается функция, которая пробегает по всем картинкам и показывает последнюю а нужно каждые 5сек вызывать только одну смену. както так
var i=0;
function changeimage(){
i++;
$('img.cat5-hover').attr('src',imgs[i]);
if (i == 5){
i=0;
}
}
|
|
|
всё верно for(i=0; i<5;i++) пробегает мгновенно и выдаёт в итоге i==4
|
|
а как сделать?
|
Отлично спасибо дай бог тебе здоровье :)
|
Цитата:
Цитата:
|
| Часовой пояс GMT +3, время: 00:21. |