読者です 読者をやめる 読者になる 読者になる

東京の会社辞めて地方で生きるわ。

勢いで会社を辞めて縁のない地方で生きることはできるのか

【jQuery】画像の切り替えロールオーバー(プリロード付)

jQuery

①js記述

jQuery(function(){
	var supfix = "_on";
	$("img.rollover").hover(
		function(){
			$(this).attr("src",$(this).attr("src").replace(/^(.+)(\.[a-z]+)$/, "$1"+supfix+"$2"));
		},
		function(){
			$(this).attr("src",$(this).attr("src").replace(/^(.+)_on(\.[a-z]+)$/, "$1$2"));
		}
	).each(
		function(){//preload
			$("<img>").attr("src",$(this).attr("src").replace(/^(.+)(\.[a-z]+)$/, "$1"+supfix+"$2"));
	});
});


②htmlに記述。imgタグにclass rolloverを付与

<img src="img.gif" alt="" class="rollover" />

③参考URL
http://torounit.com/blog/2012/02/17/1265/