인벤 스크립트에 관심을 가져주셔서 감사합니다.

문의하신 내용은 참고 글로 전달 드린 링크에 이해를 돕기 위한 소스 구조를 다시 확인 부탁드립니다.
<div>가 정상적으로 닫혀있지 않고, 각 자세에 대해 이미지를 표시하는 영역이 삽입되어 있지 않습니다.

한 줄로 되어 있는 지금 형태보다는 직접 소스를 나누고 정리해 보시는 편이 소스 이해해 도움이 되실 듯 합니다.

초기화 버튼은, 어떤 식으로 작동하길 원하시는지 적어주시지 않아 수정 방향을 알 수 없습니다.
일단 모든 소스가 하드 코딩(일일이 조건에 맞춰서 모두 소스를 작성하는 방식)이기 때문에, 다른 부분과 동일하게 코딩해 주시면 됩니다.

수정한 소스는 답글을 통해 전달 드리도록 하겠습니다.
이외에도 궁금하신 내용은 언제든지 글 남겨주세요.

감사합니다.


■ HTML을 누른 상태에서 붙여넣어 주세요.

<div style="width: 450px; height:450px;">

<div style="width:100%; height:100%;display:block;background:url(http://optimal.inven.co.kr/upload/2017/12/02/bbs/i15908101704.png)center / 100% no-repeat;" data-inven-id="bod1">
<div style="width: 100%; height:100%;" data-inven-id="AAA">
<div data-inven-id="face1" style="width:100%;height:100%;background:url(http://optimal.inven.co.kr/upload/2017/12/02/bbs/i15997994522.png) center / 100% no-repeat;">
<div data-inven-id="face2" style="width:100%;height:100%;background:url(http://optimal.inven.co.kr/upload/2017/12/02/bbs/i15971786767.png) center / 100% no-repeat;">
<div data-inven-id="bunwigi" style="width:100%;height:100%;">
<div data-inven-id="suzungi" style="width:100%;height:100%;">
<div data-inven-id="hat" style="width:100%;height:100%;">
</div></div></div></div></div></div></div>

<div style="width:100%; height:100%;display:none;background:url(http://optimal.inven.co.kr/upload/2017/12/02/bbs/i15956295155.png)center / 100% no-repeat;" data-inven-id="bod2">
<div style="width: 100%; height:100%;" data-inven-id="BBB">
<div data-inven-id="face1" style="width:100%;height:100%;background:url(http://optimal.inven.co.kr/upload/2017/12/02/bbs/i15997994522.png) center / 100% no-repeat;">
<div data-inven-id="face2" style="width:100%;height:100%;background:url(http://optimal.inven.co.kr/upload/2017/12/02/bbs/i15971786767.png) center / 100% no-repeat;">
<div data-inven-id="bunwigi" style="width:100%;height:100%;">
<div data-inven-id="suzungi" style="width:100%;height:100%;">
<div data-inven-id="hat" style="width:100%;height:100%;">
</div></div></div></div></div></div></div>

</div>


<div style="width: 60px; height:18px; margin:5px; float: left; background-color:yellow; border-radius: 5px;text-align:center;" data-inven-click-css="{'bod1':[{'display':'none'},{'display':'block'}],'bod2':[{'display':'block'},{'display':'none'}]}"><span style="font-weight:bold;"></span></div>

<div style="width: 60px; height:18px; margin:5px; float: left; background-color:yellow; border-radius: 5px;text-align:center;" data-inven-click-css="{'face1':[{'background':'url(http://optimal.inven.co.kr/upload/2017/12/02/bbs/i15914721135.png) center / 100% no-repeat'},{'background':'url(http://optimal.inven.co.kr/upload/2017/12/02/bbs/i15997994522.png) center / 100% no-repeat'}]}"><span style="font-weight:bold;">눈썹</span></div>

<div style="width: 60px; height:18px; margin:5px; float: left; background-color:yellow; border-radius: 5px;text-align:center;" data-inven-click-css="{'face2':[{'background':'url(http://optimal.inven.co.kr/upload/2017/12/02/bbs/i15928887123.png) center / 100% no-repeat'},{'background':'url(http://optimal.inven.co.kr/upload/2017/12/02/bbs/i15971786767.png) center / 100% no-repeat'}]}"><span style="font-weight:bold;"></span></div>

<div style="width: 60px; height:18px; margin:5px; float: left; background-color:yellow; border-radius: 5px;text-align:center;" data-inven-click-css="{'bunwigi':[{'background':'url(http://optimal.inven.co.kr/upload/2017/12/02/bbs/i15912963868.png) center / 100% no-repeat'},{'background':'none'}]}"><span style="font-weight:bold;">분위기</span></div>

<div style="width: 60px; height:18px; margin:5px; float: left; background-color:yellow; border-radius: 5px;text-align:center;" data-inven-click-css="{'suzungi':[{'background':'url(http://optimal.inven.co.kr/upload/2017/12/02/bbs/i15991610072.png) center / 100% no-repeat'},{'background':'none'}]}"><span style="font-weight:bold;">수증기</span></div>

<div style="width: 60px; height:18px; margin:5px; float: left; background-color:yellow; border-radius: 5px;text-align:center;" data-inven-click-css="{'hat':[{'background':'url(http://optimal.inven.co.kr/upload/2017/12/02/bbs/i15971244886.png) center / 100% no-repeat'},{'background':'none'}]}"><span style="font-weight:bold;">하트</span></div>

<div style="width: 60px; height:18px; margin:5px; float: left; background-color:yellow; border-radius: 5px;text-align:center;" data-inven-click-css="{'AAA':[{'background':'url(http://optimal.inven.co.kr/upload/2017/12/02/bbs/i15992994562.png) center / 100% no-repeat'},{'background':'none'}],'BBB':[{'background':'url(http://optimal.inven.co.kr/upload/2017/12/02/bbs/i15979216242.png) center / 100% no-repeat'},{'background':'none'}]}" data-inven-list="li1,li2" data-list-id="li1"><span data-inven-id="li1" style="font-weight:bold;">비표시</span><span data-inven-id="li2" style="font-weight:bold;display:none;">표지</span></div>

<div style="width: 60px; height:18px; margin:5px; float: left; background-color: lightblue; border-radius: 5px;text-align:center;" data-inven-click-css="{'face1':{'background':'url(http://optimal.inven.co.kr/upload/2017/12/02/bbs/i15997994522.png) center / 100% no-repeat'},'face2':{'background':'url(http://optimal.inven.co.kr/upload/2017/12/02/bbs/i15971786767.png) center / 100% no-repeat'},'bunwigi':{'background':'none'},'suzungi':{'background':'none'},'hat':{'background':'none'}}"><span style="font-weight:bold;">초기화</span></div>