»クロスフェードで背景を切り替えてくれるjQueryプラグイン「bgSwitcher」


bgSwitcher

このプラグインの特徴は

  • クロスフェード
  • 背景要素の切り替え
  • 設定項目が豊富

といったところでしょうか。

背景スライドショーによく使われる「maximage」よりも断然使いやすいと思います。
一度お試しあれ~。

デモ

使い方

まずはおなじみjQuery公式からjQueryの最新版をダウンロードしてください。
次にRewishさんからbgSwitcherの最新版をダウンロードしてください。

下記のコードをHTMLのhead内に記述します。

<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/jquery.bgSwitcher.js"></script>

javascriptとして下記のコードを記述します。

jQuery(function($) {
	$('#example').bgSwitcher({
		images: ['xx1.jpg', 'xx2.jpg', 'xx3.jpg'],
		interval: 2000
	});
});

以上です!簡単ですね。
もっと細かい設定についてはRewishさんへどうぞ

公開日: 2011年8月13日 1:39 | カテゴリー: JavaScript | タグ: , , , ,

コメント