javascript - 我试图在单击的图像淡出后显示图像

Question

我正在尝试在单击的图像淡出后显示图像。由于某种原因它不起作用。有谁知道出了什么问题吗？

JSfiddle 是:http://jsfiddle.net/1ahwhqdm/1/

HTML:-

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

Javascript:-

$(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]);
        });
    });
});

Answer 1

使用此代码

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

而不是

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

Live Demo

希望对你有帮助