초기의 소스는
가장 아래 div에서 바탕(갈색) 이미지를 표시하고 그 위 div에서 캐릭터 이미지 표시, 그 위에 img로 액자틀 이미지 표시하는 구조였습니다.

캐릭터 이미지에 커서를 올리면 무기 이미지와 옵션 툴팁이 표시되게 바꾸고 싶었는데, 어떻게 적용해야 할 지 몰라서 액자틀 이미지가 무기 이미지로 바뀌게 해 보려 했습니다.

그래서 아래와 같이 작성했는데요
 

 

<div style="width:50;height:50;background:url(https://upload2.inven.co.kr/upload/2016/06/15/bbs/i13038680339.png);float:left;margin:3px;">
<div style="background:url('https://static.inven.co.kr/image_2011/site_image/game/minidata/25/wa_6_1_2.png')"><!--레온-->
<img src="https://upload2.inven.co.kr/upload/2016/06/15/bbs/i13089306365.png" data-inven-over-css="{'url(https://static.inven.co.kr/image_2011/site_image/game/minidata/42/sw_s4_01_2.png)', 'background-repeat':'no-repeat','height':'50px'}" data-inven-tooltip="#EFE7D6;#282828;#080808; :: ☆4 공기 :: ">

 

그런데 툴팁만 적용되고 사진변경은 적용이 안됩니다. JSON 오류라고 뜨는데 이건 뭐가 잘못된걸까요?

아래는 over를 click으로 변경해본 내용입니다만, 클릭하면 오버 시 뜨던 창과 같은 게 나옵니다.