javascript - jQuery 图像 src 淡出淡入效果

Question

我的这段代码有问题。它根本不起作用。该过程在图像淡出时结束。我是 JS 初学者。

代码:

$(".intro_lg").click(function() {
$(".intro_lg").fadeOut(1000, function() {
    var path = "http://website.com/img/intro2.png";
    $(".intro_lg").attr("src", path);
}).fadeIn(1000);
return false;
});

Answer 1

当页面准备好时，您可以尝试使用 .ready() 运行代码:

$(document).ready(function() {
  $(".intro_lg").click(function() {
    $(this).fadeOut(1000, function() {
      var path = "http://website.com/img/intro2.png";
      $(this).attr("src", path);
    }).fadeIn(1000);
    return false;
  });
});

不要重复选择器，而是使用this。

<强> Here is an Example