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

인벤 스크립트는 스크립트 언어라는 점에서, 문의하신 것과 같이 if for switch와 같은 조건문/반복문은 지원하지 않습니다.
문의하신 내용을 바탕으로 작성한 스크립트 및, 스크립트 이해를 돕기 위한 스크립트 구조글을 같이 남겨드립니다.

원하시던 형태와 다르거나 이외에도 궁금하신 점은 언제든지 글 남겨주세요.
감사합니다.


■ 참고용 소스 구조

<포즈 A>
<신발 DDD1>
</포즈 A>

<포즈 B>
<신발 DDD2>
</포즈 B>

<신발 ="DDD1, DDD2, 버튼 리스트">
<신발 버튼 리스트>
</신발>

<자세 ="포즈 A (숨김/표시), 포즈 B (표시/숨김)">


■ 샘플 소스

<div style="width: 450px; height:450px;display:block;background:url(http://optimal.inven.co.kr/upload/2017/11/30/bbs/i15153718600.png)center / 100% no-repeat;" data-inven-id="poz1">
<!-- 자세 A-->
<div style="width: 450px; height:450px;" data-inven-id="DDD1"></div>
</div>

<div style="width: 450px; height:450px;display:none;background:url(http://optimal.inven.co.kr/upload/2017/11/30/bbs/i15182187175.png)center / 100% no-repeat;" data-inven-id="poz2">
<!-- 자세 B-->
<div style="width: 450px; height:450px;" data-inven-id="DDD2"></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="
{'DDD1':[{'background':'url(http://optimal.inven.co.kr/upload/2017/11/30/bbs/i15135744959.png) center / 100% no-repeat'},{'background':'url(http://optimal.inven.co.kr/upload/2017/11/30/bbs/i15111478650.png) center / 100% no-repeat'},{'background':'none'}],
'DDD2':[{'background':'url(http://optimal.inven.co.kr/upload/2017/11/30/bbs/i15146997192.png) center / 100% no-repeat'},{'background':'url(http://optimal.inven.co.kr/upload/2017/11/30/bbs/i15172552542.png) center / 100% no-repeat'},{'background':'none'}]}"
data-inven-list="li1,li2,li3" 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>
<span data-inven-id="li3" style="font-weight:bold;display:none;">신발-초</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="{'poz1':[{'display':'none'},{'display':'block'}],'poz2':[{'display':'block'},{'display':'none'}]}">
<span style="font-weight:bold;">자세</span>
</div>