[jQuery] Problem z metodą css Opcje

[pehaperowiec]

Kod

$().ready(function() {
    var path            ="img/";
    var imgArray        =["img.JPG",
                             "img2.JPG",
                          "img3.JPG"];
    var imgArrayLength    =imgArray.length;
    
    function slider() {
        for(var i=0;i<imgArrayLength;i++) {
            $("#slider").css({"background:":"url('"+path+imgArray[i]+"') 0 0 no-repeat"});        
        }    
    }
    
    setInterval(slider, 2000);
});

Gdzie popełniłem błąd ?

[nospor]

background:
po co tu dwukropek?
nie: css('styl:','wartosc');
a: css('styl','wartosc');

Z ajaxem problem nie ma żadnego związku. przenosze

ps: niby lecisz jakąś petlą, ale i tak za każdym razem w tej pętli nadpisujesz ten sam styl temu samemu elementowi. Po co więc ta pętla?

No i może łaskawie napisz jaki konkretnie masz problem.

Powód edycji: [nospor]:

[pehaperowiec]

Dziękuję bardzo za pomoc. Teraz już działa

Kod

$().ready(function() {
    var path            ="img/";
    var imgArray        =["img.JPG",
                             "img2.JPG",
                          "img3.JPG"];
    var imgArrayLength    =imgArray.length;
    var    i                =0;
    function slider() {
        if(i==imgArrayLength) {
            i=0;  
        }
        $("#slider").css({"background":"url('"+path+imgArray[i]+"') 0 0 no-repeat"});        
        i++;
    }
    
    setInterval(slider, 2000);
});

[nospor]

ps2:
o to:

Kod

var path            ="img/";
    var imgArray        =["img.JPG",
                             "img2.JPG",
                          "img3.JPG"];
    var imgArrayLength    =imgArray.length;
    
    function slider() {
        for(var i=0;i<imgArrayLength;i++) {
            $("#slider").css({"background:":"url('"+path+imgArray[i]+"') 0 0 no-repeat"});        
        }    
    }

Powinno być poza document. ready. To są deklaracje i one mają być widoczne wszędzie.

[pehaperowiec]

możesz powiedzieć dlaczego tak powinno być ?

[nospor]

1) Ograniczasz deklaracje i funkcje tylko do danego bloku, co w tym przypadku raczej nie jest dobrym pomysłem
2) W ready z reguły podaje się kod jaki ma się wykonać po ready a nie deklaracje funkcji i zmiennych

[pehaperowiec]

czyli tak[code]var path ="img/";
var imgArray =["img.JPG",
"img2.JPG",
"img3.JPG"];
var imgArrayLength =imgArray.length;
var i =0;

function slider() {
if(i==imgArrayLength) {
i=0;
}
$("#slider li").removeClass("active");
$("#slider li").eq(i).addClass("active");
$("#slider").css({"background":"url('"+path+imgArray[i]+"') 0 0 no-repeat"});
i++;
}

$().ready(function() {
setInterval(slider, 2000);
});[code]?

[nospor]

Tak, i naucz się uzywac bbcode, a najlepiej lub PODGLAD przed wyslaniem posta