CSSを使用してスライドショーで写真をフェードする

Question

私はウェブサイトを持っています、そしてメインページの写真のスライドショー。写真が削除される前に、次の写真をその後ろに書いてから取り除く。写真が削除される前にフェージング効果を追加できる方法を知りたいと思いました。私のウェブサイトは：Guyzyl.org、それであなたは何の話をしているのかをチェックすることができます。また、jQueryの使い方を知らないので、その解決策を提供しないでください。助けてくれてありがとう。Guy Z。

Answer 1

.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");

.

デモ：>> http://jsfiddle.net/derekl/jzlzz/