背景全画面スライドショウデモ｜摩耶高機動運輸

このデモでは，jQueryプラグイン「 jQuery.BgSwitcher 」（https://github.com/rewish/jquery-bgswitcher）を利用しています。
背景のスライドショウを行うには，他にも様々なプラグインが発表されていますが，利用の容易さ，設定できるオプションの細かさ等でこちらを選びました。

【利用方法】

  1. スライドショウを行う <div> を設置し，classを指定する
  2. <script> タグで，jQuery-bgswitcher を読み込ませる
  3. </body> 直前に，スライドショウ動作設定用のスクリプトを記述する

【スライドショウ動作設定スクリプトの例】

$( "（class名）" ).bgswitcher({
images: [
"（画像ファイル名1）",
"（画像ファイル名2）",
"（画像ファイル名3）",
:
:
],
effect: "fade",
easing: "swing",
interval: 10000,
loop: true
});

設定方法は，指定した要素の背景画像をスライドショーにすることができるjQueryプラグイン「BgSwitcher」を参考にしました。

画像素材は「ぱくたそ」（https://www.pakutaso.com/）より戴きました。
ありがとうございました。