2011/5/29 スクリプトの名称を「AutomaticRollover.js」から「jQuery.AutomaticRollover」に変更しました。
前作のImagePreloaderライブラリに続き、jsライブラリ「AutomaticRollover.js」を新しく作りました。内容的には前作のライブラリにロールオーバー機能を組み込んだ物になります。また、今作はIE6以降から対応しています。他のブラウザは最新版のみチェックしています。制作にあたりcss-happylifeさんのsmartRollover.jsを参考にしています。
大きな特徴は特別な設定無し（スクリプトの知識は一切不要）でプリロード付きロールオーバーを実装できるということです。また、ロールオーバーのライブラリというとIMG要素に適用されるものが一般的ですが、AutomaticRolloverはCSSのbackground-imageにも適用されるハイブリッド仕様となっていますのでa:hover～といった記述も不要になります。
使い方は簡単でhead要素内にjQueryとAutomaticRolloverを読み込むだけ！
あとは画像のファイル名を適切に設定するだけです。
ロールオーバー前 ： xxxxx_off.xxx
ロールオーバー後 ： xxxxx_on.xxx
詳しくは動作サンプルをご覧ください。
ライセンスはMITとさせて頂きます。また、ノーサポートでお願いいたします。自己責任をお使いください。
コメント(0)
コメントが存在しません。