我正在尝试在单击的图像淡出后显示图像。由于某种原因它不起作用。有谁知道出了什么问题吗?
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]);
});
});
});
最佳答案
使用此代码
$("#picture").attr("src", imageName[0]).fadeIn(200);
而不是
$("#picture").attr("src", imageName[0]);
希望对你有帮助
关于javascript - 我试图在单击的图像淡出后显示图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25517892/