Javascript I'；I’我试图在单击的图像消失后显示图像

我正在尝试在单击的图像消失后显示图像。由于某种原因，它不起作用。有人知道怎么了吗

JSFIDLE是：

Html:-

<img id="picture" src="http://i.dailymail.co.uk/i/pix/2013/11/11/article-2500617-007F32C500000258-970_306x423.jpg">

使用此代码

 $("#picture").attr("src", imageName[0]).fadeIn(200);

而不是

$("#picture").attr("src", imageName[0]);

---

希望它能帮助你

你已经淡出了画面。仅仅因为您更改了

src

，并不意味着它会重新淡入。 尝试：

---

为什么图像没有突然出现呢？我让它淡出，然后马上调出另一张照片。你所说的确实有效，但我只是想理解为什么它不起作用。嘿，当我们使用

fadeOut

时，元素是隐藏的，现在如果我们想再次显示，元素需要实现

fadeIn

。

$("#picture").attr("src", imageName[0]);

$(document).ready(function () {
    var imageName = ["http://www.coloring-painting-pages.com/c-pics/Donald-Duck.jpg", "http://www.thinksnaps.com/wp-content/uploads/2014/07/RTGRX9rTL.jpeg", "http://www.search-best-cartoon.com/cartoon-mouse/cartoon-mouse-and-cheese-04.jpg"];
    var indexNum = 0;
    $("#picture").click(function () {
        $("#picture").fadeOut(300, function () {
            $("#picture").attr("src", imageName[0]);
        }).delay(100).fadeIn(300); //Have to fade back in.
    });
});