Javascript 网页加载完成后图像淡入

我试图让元素（都在div和img标签中）在网页加载时淡入

现在我已经将图像设置为在MouseOver上更改为不同的图像，所以我根本不希望淡入的代码干扰这一点

如果你能帮我修改淡入的代码，如果你能帮我确定我可以修改代码的哪些部分来改变淡入的速度或者类似的东西，那就太好了

---

非常感谢你

如果您使用jQuery，它会是这样的：

$("myElement").show("fade", 400);

.myFaders{
   opacity: 0;
}

---

在jQuery中，执行以下简单操作：

$(function(){
  $('.myFaders').animate({opacity:1},300);
});

在CSS中，您可以这样做：

$("myElement").show("fade", 400);

.myFaders{
   opacity: 0;
}

---

我将这些图片放进了我的文档中，当我测试站点时，这些图片根本没有显示出来。所以我改变了CSS文档中的不透明度，它们出现了，但它们仍然没有消失。我是否调整了.fadeIn？更新了我的答案，并添加了一把小提琴。