javascript - 使用回调的多个不透明度过渡

Question

我正在尝试创建一个图像转换，也就是幻灯片，就像他们在：www.teamgeek.co.za/ 上一样 - 你看到的左边的第一张图片！它只需要一个脚本来改变图像的不透明度。

我已经开始尝试做这样的事情，这是我的进步：http: //jsfiddle.net/pYECC/1/

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

现在我的问题是，我需要让过渡更慢然后“慢”，因为它不像 teamgeek 网站上看到的那样缓慢和“正确”。

Answer 1

慢于慢 - http://jsfiddle.net/pYECC/2/

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