Javascript 需要帮助添加一个额外的回调函数吗

使用defect（）一个轻量级js延迟加载插件

该网站提供了一个回调示例。我使用它只是罚款，但想添加一个额外的动画不透明

我不是一个编码员（前端设计师），所以我所尝试的基本上只是一个添加另一个“this.style”行的黑客和斜杠尝试

当前脚本如下所示：

$("img").unveil(200, function() {
      $(this).on("load", function() {
        this.style.opacity = 1;
      });
    });

我希望有人能告诉我如何添加另一个调用加载另一个CSS效果到上述脚本，同时保持不透明。我想在当前使用的不透明度旁边添加以下CSS动画

img {
  animation: 1s ease-out 0s 1 slideIn;
}
@keyframes slideIn {
    0% {
        transform: translateY(-10%);
    }
    100% {
        transform: translateY(0);
    }
}

---

要添加新的CSS效果，不需要添加新的回调。您可以在其他CSS效果之后添加所有CSS效果。您提供的所有效果将以顺序方式逐个运行

你可以这样做：

$("img").unveil(200, function() {
  $(this).on("load", function() {
    this.style.opacity = 1;
    this.style.animation = "1s ease-out 0s 1 slideIn"
  });
});

---

太棒了，完全有效。非常感谢您的帮助Subbu:）也许链接可以帮助您。