使用回调的多个不透明度过渡答案

【问题标题】：Multiple opacity transitions using callbacks使用回调的多个不透明度过渡
【发布时间】：2014-03-07 22:38:03
【问题描述】：

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

【问题讨论】：

可以以毫秒为单位定义时间，api.jquery.com/fadeTo
你能添加例子吗？
查看 jquery 文档以获取示例和解释
好吧，别给我举个例子，好伙伴。
您写出问题并阅读/回复我的评论所花费的时间。你可以很容易地用谷歌搜索 jquery 文档并阅读它。我不喜欢宣扬懒惰。研究对开发人员很重要

标签： javascript jquery transition opacity fadeto

【解决方案1】：

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

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

【讨论】：

谢谢！，你知道我会如何让它循环吗？所以它一直从头到尾过渡？谢谢
是的，但为此您必须提出另一个问题。我的朋友，这就是这个网站的运作方式。