인벤 스크립트에 관심을 가져주셔서 감사합니다.
올려주신 내용을 바탕으로 수정하고, 소스를 정리해서 전달 드립니다.
원하시던 형태와 다르거나, 이외에도 궁금하신 내용은 언제든지 글 남겨주세요.
감사합니다.
■ HTML을 누른 상태에서 붙여넣어주세요.
<div data-inven-tabs>
<!-- 탭 버튼 부분 -->
<div data-inven-tab-for="tab_1" data-inven-selected-css="{'_SELF_':{'fontWeight':'bold'}}" data-inven-unselected-css="{'_SELF_':{'fontWeight':'normal'}}"
style="border:1px solid; width:140px; padding: .4em; float:left;font-family:copperplate gothic light;color:gold;background-color:black;"> INFIGHTER </div>
<div data-inven-tab-for="tab_2" data-inven-selected-css="{'_SELF_':{'fontWeight':'bold'}}" data-inven-unselected-css="{'_SELF_':{'fontWeight':'normal'}}"
style="border:1px solid; width:140px; padding: .4em; float:left;font-family:copperplate gothic light;color:gold;background-color:black;"> BATTLE MASTER </div>
<div data-inven-tab-for="tab_3" data-inven-selected-css="{'_SELF_':{'fontWeight':'bold'}}" data-inven-unselected-css="{'_SELF_':{'fontWeight':'normal'}}"
style="border:1px solid; width:140px; padding: .4em; float:left;font-family:copperplate gothic light;color:gold;background-color:black;"> BERSERKER </div>
<div data-inven-tab-for="tab_4" data-inven-selected-css="{'_SELF_':{'fontWeight':'bold'}}" data-inven-unselected-css="{'_SELF_':{'fontWeight':'normal'}}"
style="border:1px solid; width:140px; padding: .4em; float:left;font-family:copperplate gothic light;color:gold;background-color:black;"> WARLOAD </div>
<div data-inven-tab-for="tab_5" data-inven-selected-css="{'_SELF_':{'fontWeight':'bold'}}" data-inven-unselected-css="{'_SELF_':{'fontWeight':'normal'}}"
style="border:1px solid; width:140px; padding: .4em; float:left;font-family:copperplate gothic light;color:gold;background-color:black;"> DEVIL HUNTER </div>
<div data-inven-tab-for="tab_6" data-inven-selected-css="{'_SELF_':{'fontWeight':'bold'}}" data-inven-unselected-css="{'_SELF_':{'fontWeight':'normal'}}"
style="border:1px solid; width:140px; padding: .4em; float:left;font-family:copperplate gothic light;color:gold;background-color:black;"> BLASTER </div>
<div data-inven-tab-for="tab_7" data-inven-selected-css="{'_SELF_':{'fontWeight':'bold'}}" data-inven-unselected-css="{'_SELF_':{'fontWeight':'normal'}}"
style="border:1px solid; width:140px; padding: .4em; float:left;font-family:copperplate gothic light;color:gold;background-color:black;"> ARCANA </div>
<div data-inven-tab-for="tab_8" data-inven-selected-css="{'_SELF_':{'fontWeight':'bold'}}" data-inven-unselected-css="{'_SELF_':{'fontWeight':'normal'}}"
style="border:1px solid; width:140px; padding: .4em; float:left;font-family:copperplate gothic light;color:gold;background-color:black;"> SUMMONER </div>
<div data-inven-tab-for="tab_9" data-inven-selected-css="{'_SELF_':{'fontWeight':'bold'}}" data-inven-unselected-css="{'_SELF_':{'fontWeight':'normal'}}"
style="border:1px solid; width:140px; padding: .4em; float:left;font-family:copperplate gothic light;color:gold;background-color:black;"> BARD </div>
<div style="clear: left;"></div>
<!-- 탭 내용 부분 -->
<div data-inven-tab-id="tab_1"><img style="border: 1px solid gold; padding: .4em;" src="https://upload2.inven.co.kr/upload/2017/08/27/bbs/i13456371955.gif"></div>
<div data-inven-tab-id="tab_2" style="display:none;"><img style="border: 1px solid gold; padding: .4em;" src="https://upload2.inven.co.kr/upload/2017/08/27/bbs/i13438578255.gif"></div>
<div data-inven-tab-id="tab_3" style="display:none;"><img style="border: 1px solid gold; padding: .4em;" src="https://upload2.inven.co.kr/upload/2017/08/27/bbs/i13482221406.gif"></div>
<div data-inven-tab-id="tab_4" style="display:none;"><img style="border: 1px solid gold; padding: .4em;" src="https://upload2.inven.co.kr/upload/2017/08/27/bbs/i13440846027.gif"></div>
<div data-inven-tab-id="tab_5" style="display:none;"><img style="border: 1px solid gold; padding: .4em;" src="https://upload2.inven.co.kr/upload/2017/08/27/bbs/i14014645165.gif"></div>
<div data-inven-tab-id="tab_6" style="display:none;"><img style="border: 1px solid gold; padding: .4em;" src="https://upload2.inven.co.kr/upload/2017/08/27/bbs/i14026722398.gif"></div>
<div data-inven-tab-id="tab_7" style="display:none;"><img style="border: 1px solid gold; padding: .4em;" src="https://upload2.inven.co.kr/upload/2017/08/27/bbs/i14085356213.gif"></div>
<div data-inven-tab-id="tab_8" style="display:none;"><img style="border: 1px solid gold; padding: .4em;" src="https://upload2.inven.co.kr/upload/2017/08/27/bbs/i14073827939.gif"></div>
<div data-inven-tab-id="tab_9" style="display:none;"><img style="border: 1px solid gold; padding: .4em;" src="https://upload2.inven.co.kr/upload/2017/08/27/bbs/i14044160270.gif"></div>
</div>