[기타] '에노히'님이 요청하신 스크립트 입니다.

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

올려주신 내용을 바탕으로 작성된 소스를 전달 드립니다.

다만 인벤 스크립트의 한계로 인해, 아래 기능이 부족한 점은 어쩔 수 없는 점 양해 부탁드립니다.

- 초기화 버튼을 누를 경우, 다시 첫번째 이미지 부터 보여주지 않고, 초기화 이전의 다음 이미지를 보여줌
ㄴ 모자1 > 초기화 버튼을 누른 뒤 모자를 누르면 > 모자2가 출력됨

확인해 보시고 원하시던 형태와 다르거나, 수정했으면 하는 점.
사용 시 어려움이 있으신 경우 언제든지 말씀해 주세요.

감사합니다.



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

---

<div data-inven-id="base" style="width:300px;height:289;background:url(https://upload2.inven.co.kr/upload/2017/05/15/bbs/i13299189201.png);position:relative;">

<div data-inven-id="hat" style="width:300px;height:289;background:none;position:relative;">
</div>

<div data-inven-id="shoes" style="width:300px;height:289;background:none;position:relative;top:-300px">
</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="{'hat':[
{'background':'url(https://upload2.inven.co.kr/upload/2017/05/15/bbs/i13295367130.png)'},
{'background':'url(https://upload2.inven.co.kr/upload/2017/05/15/bbs/i13210265376.png)'},
{'background':'none'}]}">
<span style="font-weight:bold;">모자</span>
</div>

<div style="width: 60px; height:18px; margin:5px; float: left; background-color: lightgreen; border-radius: 5px;text-align:center;"
data-inven-click-css="{'shoes':[
{'background':'url(https://upload2.inven.co.kr/upload/2017/05/15/bbs/i13243744414.png)'},
{'background':'url(https://upload2.inven.co.kr/upload/2017/05/15/bbs/i13233769671.png)'},
{'background':'none'}]}">
<span style="font-weight:bold;">신발</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="{'hat':{'background':'none'},'shoes':{'background':'none'}}">
<span style="font-weight:bold;">초기화</span>
</div>


■ 작동 예시

---

모자

신발

초기화