1;}画像をabsoluteで絶対配置することで一箇所に重ねて、あとはshowクラスの付け外しでopacityの値を切り替えられるようにしています。transitionの値を書き換えることで、フェードのスピードなどを変更できます。HTMLとCSSが用意できたので、あとはjQueryのコードを書くだけです。その前にjQueryを読み込みまないと話になりません。jQueryのファイルをダウンロードしてきてもいいですが、手っ取り早くCDNで読み込みます。src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>IE8などを無視するなら、jQuery2.x系の方がいいでしょう。さあ、全ての準備ができたでの、コードを書きましょう。intervalの値を変えることで、スライドの間隔を変更できます。やっていることは単純で、時間がきたら画像のクラスを付け外ししているだけです。これで画像の透明度を変更して、表示非表示を切り替えているのです。実際に完成したサンプル実のところ、このくらいの処理ならjQueryを使わなくても簡単に作れるのですが、目に見えて動きがわかるのでjQueryの入門用としては良いのではないでしょうか。自分で作れるようになれば、改造も簡単にできますしね。