フェード16■フェードのみで比較    最終修正日 : 2016/01/13

ランダム移動を削除して
フェードだけにしたスライド

超簡単な綺麗なフェードの
スライドショー

■フェード12■フェードで8方向ランダム移動リンク無■を改造しました。
向かって左側の青枠が、ランダム移動分を削除したフェードのみのスライドショーです。
右側の黒枠は、■フェード1■超簡単な綺麗なフェードのスライドショー■です。

どちらのフェードが綺麗かなと思ったのですが、あまり差はないような気がします。
青枠はJavaScriptでopacity(透過度)を増減させるフェード、黒枠はCSSのtransitionでopacity(透過度)を変化させています。
指定や数値を変更することでも、違うフェードになると思います。

■注意点
青枠のスライドショーは「#menu div{opacity:0;}」指定をしないと、最後の画像からスライドショーが開始します。
「#menu div{opacity:0;}」指定をすると空白からの開始になります。が……
が、今回は画像移動は無いので、「#menu」に1番目の画像を背景画像として指定しました。
この指定で、空白ではなく開始が1番目の画像からになります。そのかわり、1番目の画像の表示時間が少し長いです。

青枠のスライドショーの原本は教えて!goo の「babu_baboo さんの回答」から。
↓下記のソースは、青枠のJavaScriptのみのソース(■2016/01/13:即時関数で囲んで、グローバル変数を消しました)です。