이틀 전에 이어서 네이버 위젯 질문입니다.
<img src="https://postfiles.pstatic.net/MjAyMTA0MDZfMTUw/MDAxNjE3Njk1NDU5Nzc4.9tk_8a62IB3QP84HRlrNVsjdOIOzOjy3bxW61g7FPCYg.gMmzg4xmmc763jSMsN2jY7p1SKJ3v730rXTK7tRBgvkg.PNG.61cksql/1.png?type=w966" data-lazy-src="" data-width="170" data-height="170" onmouseover="this.src='https://postfiles.pstatic.net/MjAyMTA0MDhfMjM0/MDAxNjE3ODU3ODUxNTUy.NtNAQ8UKMvukYevqEmHvCGATsF5hI031JHlv1e7u02Yg.JH6-yG-IwhqlfMmAcZDUrd02Mt6qnBNaHG9rCnp_uQwg.PNG.61cksql/11.png?type=w966'" data-lazy-src="" data-width="170" data-height="170" onmouseout="this.src='https://postfiles.pstatic.net/MjAyMTA0MDZfMTUw/MDAxNjE3Njk1NDU5Nzc4.9tk_8a62IB3QP84HRlrNVsjdOIOzOjy3bxW61g7FPCYg.gMmzg4xmmc763jSMsN2jY7p1SKJ3v730rXTK7tRBgvkg.PNG.61cksql/1.png?type=w966'" data-lazy-src="" data-width="170" data-height="170" border="0" usemap="#하드웨어"/ >
<map name="하드웨어">
<area shape="rect" coords="0,0,170,170" target="_top" href="https://blog.naver.com/PostList.nhn?blogId=61cksql&from=postList&categoryNo=25" alt="하드웨어" title="하드웨어" />
</map>
이렇게 html을 쓰면 링크연결은 정상적으로 되는데, 마우스 오버했을때 이미지 바뀌는게 안됩니다.
아래 map부분을 지우면 마우스 오버했을때 이미지가 바뀌는게 되구요.
대신 링크 연결은 당연히 안되구요...
<a href> </a> 이걸 쓰면 target="_top"을 하던 _self를 하던 새창에서 열리더라구요.
같은 창에서 열리면서 이미지도 바꾸는게 되는 html은 어떻게 써야할까요?
제가 html을 잘 몰라서 그러는데, 뭘 수정해야하는지 가르쳐주실수 있을까요?
네이버 위젯은 스크립트 소스 인식을 못한다네요.