Multiple opacity transitions using callbacks

Question

I am trying to create an image transition aka slideshow, like they have on: www.teamgeek.co.za/ - the first image on the left you see!, it works by just having a script which changes the opacity of the images.

I have started to try and make something like this, here is my progress: http://jsfiddle.net/pYECC/1/

$( "#change" ).click(function() {
    $( "#image1" ).fadeTo( "slow" , 0, function() {
        $("#image2").fadeTo("slow" , 1, function(){
            $("#image3").fadeTo("slow", 1, function(){
            });
        });
    });
});

Now my problem is that, I need the transition to be slower then "slow", because it just doesn't feel as slow and "correct" as the one seen on teamgeek's site.

Answer 1

Slower than slow - http://jsfiddle.net/pYECC/2/

$("#change").click(function() {
    $("#image1").fadeTo(5000 , 0, function() {
        $("#image2").fadeTo(5000 , 1, function(){
            $("#image3").fadeTo(5000, 1, function(){
            });
        });
    });
});