動的に変更される画面にロールオーバーを一括で適用させる方法

javascript jquery

実現したいこと

使い方

以下のスクリプトを貼り付けます。

$(document).ready(function(){
	(function(){
		function getSrc(img){
			return img.src.replace('_on\.', '\.')
		}
		function getHsrc(img) {
			if(img.src.match(/_on\./)) {
				return img.src;
			}
			return img.src.replace('\.', '_on\.');
		}
		$(".imgover").live('mouseover', function(){
			this.src = getHsrc(this);
		});
		$(".imgover").live('mouseout', function(){
			this.src = getSrc(this);
		});
	})();
});

その時の使用方法は、以下になります。