https://codepen.io/hcs1105/pen/tDIfx?q=이미지+롤오버&limit=all&type=type-pens


☞   onmouseover  onmouseout 을 쓰게되면
      아무래도   문서파일용량이 커져... 그만큼 추가 트래픽 용량이 발생합니다.
     jquery "attr" 속성을 사용하면   짧은문으로도..  롤오버를 구현할 수 있습니다.


[필수]     jquery   선언해주셔야합니다.
<script  src="http://code.jquery.com/jquery-latest.min.js"></script>

[ 아래 예제 캡쳐해드렸습니다. (html파일첨부하였습니다.) ]

☞   ftp 파일질라로 업로드한 이미지는..
     아래와 같은 이름으로 _on   _off 가 파일이름 맨마지막에 들어가야합니다.

☞   예제 코딩입니다.