Cykliczny background

[lomek]

Witam, mam diva który ma jakiś background, jak za pomocą jquery sprawić aby tło zmieniało się on cyklicznie co 3 sekundy, na tło wykorzystane będą 3 obrazki.

[camelrafal]

setTimeout?

[lomek]

no ok

Kod PHP:

$("#div").addClass(newbg);
setTimeout(3000);

//lub jakoś tak

$("#div").each(function(index) {
    $(this).addClass("bg" + index);
}); 


tylko jak to robić w pętli tzn 3 obrazek (klasa z backgroundem) się wczyta i ma iść od nowa

[Kartofelek]

Kod:

var index = 1;
function poka2() {
    $('#div').css('background-image', 'url(bg' + index + '.jpg)');
    index++;
    if (index >= .....) index = 1;
    setTimeout('poka2', 3000);
}

$(function() {
    setTimeout('poka2', 3000);
});

[lomek]

Kod:

var index = 1;
function poka2() {
    $('#div').css('background-image', 'url(bg' + index + '.jpg)');
    index++;
    if (index >= .....) index = 1;
    setTimeout('poka2', 3000);
}

$(function() {
    setTimeout('poka2', 3000);
});

Kopiuję to Twoje rozwiązanie ale niestety nic się nie zmienia precyzyjąc wygląda to u mnie tak

Kod PHP:

<script type="text/javascript">
var index = 1;
jQuery.fn.poka=function() {
    $(this).css('background-image', 'url(images/p' + index + '.jpg)');
    index++;
    if (index >= 10) index = 1;
    setTimeout('poka',3000);
    
}
$(document).ready(function() {

$("#wrap").poka();
});
</script> 


i owszem ładuję się pierwszy obrazek p1.jpg ale stoi w miejscu

[Kartofelek]

Źle napisane.

Kod:

<script type="text/javascript">
var index = 1;
jQuery.fn.poka=function() {
    var $t = $(this);
    $t.css('background-image', 'url(images/p' + index + '.jpg)');
    index++;
    if (index >= 10) index = 1;
    setTimeout(
        function() {
            $t.poka() //w setTimeout this = window
        }
        ,3000
    );
}
$(document).ready(function() {

$("#wrap").poka();
});
</script>

[lomek]

Źle napisane.

Kod:

<script type="text/javascript">
var index = 1;
jQuery.fn.poka=function() {
    var $t = $(this);
    $t.css('background-image', 'url(images/p' + index + '.jpg)');
    index++;
    if (index >= 10) index = 1;
    setTimeout(
        function() {
            $t.poka() //w setTimeout this = window
        }
        ,3000
    );
}
$(document).ready(function() {

$("#wrap").poka();
});
</script>

Dzięki dział super a mam jeszcze prośbę mógłbyś napisać gdzie wstawić fadein fadeout żeby zmieniały się one płynnie?