이미지 바꾸기

jquery로 이미지 변경

 

jQuery('div.gnbWrap > ul > li:not(.on)').hover(function() {
  var filename = $(this).find('img').attr('src');
  jQuery(this).find('img').attr('src', filename.replace('lev.png', 'over.png'));
 },
    function() {
     var filename = $(this).find('img').attr('src');
     jQuery(this).find('img').attr('src', filename.replace('over.png', 'lev.png'));
 });

hover  :not(.on) 을 이용해서 해당 이미지에 클릭했을시 이미지 변경하는것

메뉴바에 마우스 오버시 사용하면 유용하다!!!!