jQuery.Bgswitcherで背景を切り替える方法
jQuery.Bgswitcherで背景を切り替える方法を解説します。
1) jquery-bgswitcherにアクセスします。
2) 「Download Zip」をクリックし、必要なファイルをダウンロードします。
3) ダウンロードしたZIPを開き、「jquery.bgswitcher.js」を実装したいページで読み込みましょう。
これでjquery.bgswitcher.jsを使う準備ができました。以降は以下のようにJSなどを書いていきましょう。
JS
$(function () {
// トップイメージ
$(".main_images_area").bgswitcher({
images: [
'img/index/main01.png', 'img/index/main02.png', 'img/index/main03.png'
],
effect: "fade",
duration: 3000,
interval: 8000,
easing: "swing",
loop: true
});
});
bgswitcherに関して参考になるサイトは以下です↓