호버된 이미지 변경

#스크립트로 호버된 이미지 변경하기

 $(function(){
    var list = $(".post-row .con_bt")
      list.mouseover(function(){
          index = $(this).index();
          list.find(".real_i").attr("src",$(this).find(".real_i").attr("src").replace("on","off"));
            $(this).find(".real_i").attr("src",$(this).find(".real_i").attr("src").replace("off","on"));
    });
    list.mouseleave(function(){
          index = $(this).index();
         list.find(".real_i").attr("src",$(this).find(".real_i").attr("src").replace("on","off"));
    });
});

+위의 식을 함수로 바꿔서 사용

function on_img(obj){
	var o_img = $(obj).siblings().find('img').attr('src');
	var real_img = o_img.replace('_off','_on');
	$(obj).siblings().find('img').attr('src',real_img);
}
function off_img(obj){
	var o_img = $(obj).siblings().find('img').attr('src');
	var real_img = o_img.replace('_on','_off');
	$(obj).siblings().find('img').attr('src',real_img);
}