/**
 * jquery.preloadを利用したrollover
 *
 * @author okamura@54style.co.jp
 * @usage 以下のみ。minify使えるなら使ったほうがいいです。
 *      <script type="text/javascript" src="jquery-1.3.2.min.js"></script>
 *      <script type="text/javascript" src="jquery.preload-min.js"></script>
 *      <script type="text/javascript" src="preload.js"></script>
 *
 *      <img class="ro" src="hogehoge.jpg" /> <!-- ロールオーバーで hogehoge_on.jpg になります -->
 */
$(function() {
    var target = 'img.ro';
    var suffix = '_on';
    var search = /\.(jpg|png|gif)/;
    var replace = suffix + '.$1';

   /* $(target).preload({
        find: search,
        replace: replace
    });*/

    $(target).hover(function() {
        this.src = this.src.replace(search, replace);
    }, function() {
        this.src = this.src.replace(suffix, '');
    });
});