/** * jQuery.rollover * * @version 1.0.4 * @author Hiroshi Hoaki * @copyright 2010-2013 Hiroshi Hoaki * @license The MIT License * @link http://rewish.jp/blog/releases/jquery_rollover * * Usage: * jQuery(document).ready(function($) { * // * $('#nav a img').rollover(); * * // * $('form input:img').rollover(); * * // set suffix * $('#nav a img').rollover('_over'); * }); */ jQuery(document).ready(function(){ jQuery.fn.rollover = function(suffix) { suffix = suffix || '_on'; var check = new RegExp(suffix + '\\.\\w+$'); return this.each(function() { var img = jQuery(this); var src = img.attr('src'); if (check.test(src)) return; var _on = src.replace(/\.\w+$/, suffix + '$&'); jQuery('').attr('src', _on); img.hover( function() { img.attr('src', _on); }, function() { img.attr('src', src); } ); }); }; });