Nacx
2017-12-01 16:14
조회: 2,153
추천: 0
'에노히'님이 문의하신 스크립트 입니다.인벤 스크립트에 관심을 가져주셔서 감사합니다.
인벤 스크립트는 스크립트 언어라는 점에서, 문의하신 것과 같이 if for switch와 같은 조건문/반복문은 지원하지 않습니다. 문의하신 내용을 바탕으로 작성한 스크립트 및, 스크립트 이해를 돕기 위한 스크립트 구조글을 같이 남겨드립니다. 원하시던 형태와 다르거나 이외에도 궁금하신 점은 언제든지 글 남겨주세요. 감사합니다. ■ 참고용 소스 구조 <포즈 A> <신발 DDD1> </포즈 A> <포즈 B> <신발 DDD2> </포즈 B> <신발 ="DDD1, DDD2, 버튼 리스트"> <신발 버튼 리스트> </신발> <자세 ="포즈 A (숨김/표시), 포즈 B (표시/숨김)"> ■ 샘플 소스 <div style="width: 450px; height:450px;display:block;background:url(http://upload2.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://upload2.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://upload2.inven.co.kr/upload/2017/11/30/bbs/i15135744959.png) center / 100% no-repeat'},{'background':'url(http://upload2.inven.co.kr/upload/2017/11/30/bbs/i15111478650.png) center / 100% no-repeat'},{'background':'none'}], 'DDD2':[{'background':'url(http://upload2.inven.co.kr/upload/2017/11/30/bbs/i15146997192.png) center / 100% no-repeat'},{'background':'url(http://upload2.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> |