Example of jQuery Backstretch Slideshow

var position = 0,
    images = [
        'image1.jpg',
        'image2.jpg',
        'image3.jpg'
    ];
    
$.backstretch(images[position]);
setInterval(function() {
    if(position++ > images.length) position = 0;
    $("#backstretch img").attr("src", images[position]);
    $(window).trigger("resize");
}, 5000);

Hello guys i'm new here and i just HAD to post my working solution.

You will be needing http://plugins.jquery.com/project/timers too.

var position = 0,
images = [
    'images/slide1.jpg',
    'images/slide2.jpg',
    'images/slide3.jpg'
];

$.backstretch(images[position]);

$("body").oneTime(4000,function() {
    position++;
    $('#backstretch img').fadeOut(1000, function(){$('#backstretch img').attr("src", images[position]).fadeIn(1000)});
    $(window).trigger("resize");

    $("body").everyTime(5200,function() {
        position++;
        if(position == images.length){
            position = 0;
        }
        $('#backstretch img').fadeOut(1000, function(){$('#backstretch img').attr("src", images[position]).fadeIn(1000)});
        $(window).trigger("resize");
    });
});