Nacx
2017-05-16 10:52
조회: 517
추천: 0
'에노히'님이 요청하신 스크립트 입니다.인벤 스크립트에 관심을 가져주셔서 감사합니다.
올려주신 내용을 바탕으로 작성된 소스를 전달 드립니다. 다만 인벤 스크립트의 한계로 인해, 아래 기능이 부족한 점은 어쩔 수 없는 점 양해 부탁드립니다. - 초기화 버튼을 누를 경우, 다시 첫번째 이미지 부터 보여주지 않고, 초기화 이전의 다음 이미지를 보여줌 ㄴ 모자1 > 초기화 버튼을 누른 뒤 모자를 누르면 > 모자2가 출력됨 확인해 보시고 원하시던 형태와 다르거나, 수정했으면 하는 점. 사용 시 어려움이 있으신 경우 언제든지 말씀해 주세요. 감사합니다. ■ HTML을 누른 상태에서 붙여넣어 주세요. <div data-inven-id="base" style="width:300px;height:289;background:url(http://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(http://upload2.inven.co.kr/upload/2017/05/15/bbs/i13295367130.png)'}, {'background':'url(http://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(http://upload2.inven.co.kr/upload/2017/05/15/bbs/i13243744414.png)'}, {'background':'url(http://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> ■ 작동 예시 모자 신발 초기화 |