jQueryを使って簡単な画像の「On・Off」を行う

今まで画像のロールオーバー「On・Off」は、どこかのライブラリを利用してて、新しいサイトを作る際にコピペするのが面倒。

という事で、いつも利用させてもらってる「jQuery」を使って、簡単のものを自作してみる事に。

追記：jQueryを使用する前提だったので、無駄にプラグインにしてみました。（2013/07/29）

マウスオーバーした画像のファイル名（拡張子の前）に文字列を追加します。

オプションの設定で、src属性以外にも処理を行う事ができます。

一応、タッチイベントにも対応しています。

Name	Default	Description
rolltype	src (string)	置換する値の属性を指定
rolltext	_o (string / array)	ホバー時に追加する文字列を指定配列 ['a','b'] で指定した場合はaとbを入れ替える。
separate	. (string)	分割文字の指定最後の分割文字の前にrolltextを追加します。