Как картинки менять без обновления страницы?

#12016-09-18 15:00:34

Видел на многих сайтах уже,что висит картинка и через 2-3 минуты нахождения на странице (без её обновления) картинка меняется на другую ещё две-три минуты - на третью и т.д.
нужен код!

#22016-09-18 15:21:12

Prikolist, 1) .csa-head = тот самый див с классом "csa-head"
2) imgHead = массив картинок, сюда впиши их расположение.
3) Где значения "200" это скорость появления и затухания.
4) Где значение "8000", это интервал через какой оно будет изменяться (8000 - это 8 секунд)

PHP

var imgHead = [
            'images/imgCsaHead/img.jpg',
            'images/imgCsaHead/img1.jpg',
            'images/imgCsaHead/img2.jpg',
            'images/imgCsaHead/img3.jpg'
        ], i=1;
    function csaHead(){
 
        if(i > (imgHead.length-1)){
            $('.csa-head').animate({'opacity':'0'},200,function(){
                i=1;
                $('.csa-head').css({'background':'url('+imgHead[0]+')'});
            });
            $('.csa-head').animate({'opacity':'1'},200);
        }else{
            $('.csa-head').animate({'opacity':'0'},200,function(){
                $('.csa-head').css({'background':'url('+imgHead[i]+')'});
                i++;
            });
            $('.csa-head').animate({'opacity':'1'},200);
        }
         
    }
    var intervalCsaHead = setInterval(csaHead,8000);

#32016-09-18 18:24:10

-=(C)DRU987=-, спс,Андрей,попробую,а класс должен быть в одной папке с подключеным к нему файлу?