Javascript 使用CSS在幻灯片中淡入淡出照片

我有一个网站，主页上有一个图片幻灯片。在删除照片之前，我将下一张照片写在后面，然后将其删除。我想知道如何在删除照片之前添加淡色效果。我的网站是：guyzyl.org，所以你可以看看我在说什么。另外，我不知道如何使用Jquery，所以请不要提供这种解决方案。谢谢你的帮助。盖伊Z

.photo{
    -webkit-transition: opacity .5s ease-in-out;  /*Webkit*/
    -moz-transition: opacity .5s ease-in-out;  /*Firefox*/
    -o-transition: opacity .5s ease-in-out;  /*Opera*/
    transition: opacity .5s ease-in-out;  /*CSS3 Standard*/
    opacity: 1;
}
.photo.fade{
    opacity: 0;
}

document.querySelector(".photo").classList.add("fade");

请参见演示：

---

请参阅演示：

但我希望在删除它之前它会褪色，而不是在编写它时，所以我可以在使用javascript删除它之前编辑照片样式吗？@guyzyl-如果它是您所期望的，请参阅演示。您在IE中测试过吗？似乎对7、8或9都不起作用。你能帮我在我的网站（guyzyl.org）上实现这一点吗？@guyzyl-我建议你为此使用jQuery，因为它很容易使用，而且最重要的是，它支持跨浏览器。但我希望它在删除之前褪色，而不是在编写时，那么我可以在使用javascript删除照片样式之前编辑它吗？@guyzyl-如果它是您所期望的，请参阅演示。您在IE中测试过这个吗？似乎对7、8或9都不起作用。你能帮我在我的网站（guyzyl.org）上实现这一点吗？@guyzyl-我建议你为此使用jQuery，因为它易于使用，而且最重要的是，它支持跨浏览器。我认为你不应该不尝试就放弃jQuery。看看这个网站上的例子，它很容易实现，并且跨浏览器支持（因为Derek的没有涵盖IE的缺点，为他们感到羞耻，不是他），我认为你不应该不尝试就放弃jquery。看看这个网站上的例子，它很容易实现，并且跨浏览器支持（因为Derek的没有涵盖IE的缺点，可惜他们没有他）