Javascript jQuery：同时进行fadeIn和fadeOut

setInterval定期调用的以下代码执行以下顺序： 1.在图像中淡入750毫秒 2.把它放6秒钟 3.将图像淡出750毫秒 4.随机选择另一个图像函数randomPic 5.渐入750毫秒，依此类推：

$("#_fadee_").fadeIn(750, function() {
    $("#_fadee_").delay(6000).fadeOut(750, randomPic);
});

你可以看到效果。如何使旧图像的淡出和新图像的淡出同时运行

---

谢谢，拉尔夫如果你不做其他事情，你可以这样做：

$("#_fadee_").fadeIn(750, function() {
    setTimeout(function() {
        $("#_fadee_").fadeOut(750, randomPic);
        // Start fading in your other pic
    }, 6000);
});

---

或者，如果它们都显示在同一区域，您可以淡入，淡入后将背景图像设置为下一个图像。然后，淡出后，将背景设置为下一个，依此类推。

如果您不做任何其他事情，可以执行以下操作：

$("#_fadee_").fadeIn(750, function() {
    setTimeout(function() {
        $("#_fadee_").fadeOut(750, randomPic);
        // Start fading in your other pic
    }, 6000);
});

---

或者，如果它们都显示在同一区域，您可以淡入，淡入后将背景图像设置为下一个图像。然后，一旦淡出，将背景设置为下一个，依此类推。

基本上，您需要将新图像加载到另一个div中，该div在淡出图像下方有一个z索引。这并不是说它在同时消失，它只是在初始值消失时被揭开。顶部div完全淡出后，将mew图像加载到其中，并将其不透明度恢复为1，以便覆盖将加载下一个图像的div。在伪代码中，它看起来像这样：

var fadeO = function () {
    var $fo = $('#_fadeO_');
    var $fi = $('#_fadeI_');
    var newImg = // load image here;

    $fi.html(newImg);

    $fo.fadeOut(1500, function() {
        // put #_fadeO_ back on top with new image
        $fo.html(newImg);
        $fo.css({'display':'block', 'opacity':1});

        // call function again after 6 seconds
        setTimeout(fadeO, 6000);
    });
};

fadeO();

…但我做了一把小提琴，这样你就可以看到它的动作，切换背景颜色而不是图像内容。您应该能够了解如何基于上述伪代码对加载的图像执行相同操作，以及如何在此处设置HTML、CSS和JS：

---

基本上，您需要将新图像加载到另一个div中，该div在图像淡出的下方有一个z索引。这并不是说它在同时消失，它只是在初始值消失时被揭开。顶部div完全淡出后，将mew图像加载到其中，并将其不透明度恢复为1，以便覆盖将加载下一个图像的div。在伪代码中，它看起来像这样：

var fadeO = function () {
    var $fo = $('#_fadeO_');
    var $fi = $('#_fadeI_');
    var newImg = // load image here;

    $fi.html(newImg);

    $fo.fadeOut(1500, function() {
        // put #_fadeO_ back on top with new image
        $fo.html(newImg);
        $fo.css({'display':'block', 'opacity':1});

        // call function again after 6 seconds
        setTimeout(fadeO, 6000);
    });
};

fadeO();

…但我做了一把小提琴，这样你就可以看到它的动作，切换背景颜色而不是图像内容。您应该能够了解如何基于上述伪代码对加载的图像执行相同操作，以及如何在此处设置HTML、CSS和JS：

---

@约瑟夫：那要看他想要什么了。他是否希望图像开始时不可见，然后淡入？或者他希望图像从那里开始旋转。@Yosef:那取决于他想要什么。他是否希望图像开始时不可见，然后淡入？或者他希望图像从那里开始旋转。