背景スライド10■フェード背景ランダムスライド敷詰    UP日時 : 2016/06/12

●2016/06/12:即時関数で囲んで、グローバル変数を消しました。

■背景画像の順番表示で全面のJavaScriptはこちら→ 背景スライド9■フェード背景スライド全面

上記のスライドショーをランダム切替に改造しました。
背景画像がフェードイン、フェードアウトで、ランダムにスライドショーをします。
ランダムですが、同じ背景画像が2回連続で出ることはありません。

ただこの背景画像は、bodyの背景画像ではありません。bodyの背景画像は、スライドしてもフェードはできないのです。
そのためbodyではなく、縦100%横100%指定のdivの背景画像に、スライドとフェードが指定してあります。
今回は高さが100%指定なので、CSSでposition:fixed;の背景固定も入れています。
CSSの指定を変更すれば、敷詰から全面1枚表示に変えることもできます。