使用回调进行多个不透明度转换

时间:2014-02-10 14:31:23

标签: javascript jquery transition opacity fadeto

我正在尝试创建一个图像过渡,即幻灯片,就像他们一样: 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网站上看到的那么慢和“正确”。

1 个答案:

答案 0 :(得分:1)

慢于慢{ - 3}}

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