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

탭 기능을 사용해서, 구현하는 방법에 대해 문의하셨는데요.

<div data-inven-tab-id="tab_2" style="border: 1px solid #9ebede; border-radius: 2px 2px 2px 2px; padding: .4em;"> 뒤에 탭을 하나 더 삽입해 주시면 됩니다.

여기서 주의할 것은 data-inven-tab-id="tab_2"와 같은 형태의 id를 앞에서 사용하고 있다는 것입니다. 좌측 메뉴에서는 id를 0, 1, 2, 3을 사용하고 있고, 안쪽 에서는 tab_1, tab_2, tab_3 을 사용하고 있습니다. 이것 이외에 고유한 이름을 만들어 주시면 됩니다.

그리고 또 다른 탭을 만들 때는 역시, 계속해서 고유한 이름을 사용해 주시면 됩니다. 이미지를 넣는 곳이기에 탭 id는 img_tab_1~8까지를 사용해 보겠습니다.

이미지의 주소는 임의로 잡아 놓은 상태이니, 필요에 맞게 수정해서 사용해 주세요.

이외에도 궁금하신 점이나, 원하는 데로 동작이 안 될 경우에는, 전체 소스를 올려주시면 다른 방법으로 도움을 드리도록 하겠습니다.

감사합니다.

□ html 상태에서 <div data-inven-tab-id="tab_2" style="border: 1px solid #9ebede; border-radius: 2px 2px 2px 2px; padding: .4em;"> 뒤에 붙혀 넣어 주세요.


<div data-inven-tabs> <!-- 탭 버튼 -->
<div style="border: 1px solid #9ebede; border-radius: 2px 2px 2px 2px; padding: .4em;">
<img data-inven-tab-for="img_tab_1" src="http://upload2.inven.co.kr/upload/2016/04/16/bbs/i12860735484.png" />
<img data-inven-tab-for="img_tab_2" src="http://upload2.inven.co.kr/upload/2016/04/16/bbs/i12860735484.png" />
<img data-inven-tab-for="img_tab_3" src="http://upload2.inven.co.kr/upload/2016/04/16/bbs/i12860735484.png" />
<img data-inven-tab-for="img_tab_4" src="http://upload2.inven.co.kr/upload/2016/04/16/bbs/i12860735484.png" />
<img data-inven-tab-for="img_tab_5" src="http://upload2.inven.co.kr/upload/2016/04/16/bbs/i12860735484.png" />
<img data-inven-tab-for="img_tab_6" src="http://upload2.inven.co.kr/upload/2016/04/16/bbs/i12860735484.png" />
<img data-inven-tab-for="img_tab_7" src="http://upload2.inven.co.kr/upload/2016/04/16/bbs/i12860735484.png" />
<img data-inven-tab-for="img_tab_8" src="http://upload2.inven.co.kr/upload/2016/04/16/bbs/i12860735484.png" />
</div>

<br/><br/>
<div style="border: 1px solid #9ebede; border-radius: 2px 2px 2px 2px; padding: .4em;"> <!-- 탭 상자-->
<!-- 탭 1번 상자-->
<div data-inven-tab-id="img_tab_1">
<img src="http://static.inven.co.kr/column/2016/03/07/news/i11415766577.jpg"></div>
<!-- 탭 2번 상자-->
<div data-inven-tab-id="img_tab_2">
<img src="http://static.inven.co.kr/column/2016/03/07/news/i11466866990.jpg"></div>
<!-- 탭 3번 상자-->
<div data-inven-tab-id="img_tab_3">
<img src="http://upload2.inven.co.kr/upload/2016/04/16/bbs/i12860735484.png"></div>
<!-- 탭 4번 상자-->
<div data-inven-tab-id="img_tab_4">
<img src="http://static.inven.co.kr/column/2016/03/07/news/i11415766577.jpg"></div>
<!-- 탭 5번 상자-->
<div data-inven-tab-id="img_tab_5">
<img src="http://static.inven.co.kr/column/2016/03/07/news/i11466866990.jpg"></div>
<!-- 탭 6번 상자-->
<div data-inven-tab-id="img_tab_6">
<img src="http://upload2.inven.co.kr/upload/2016/04/16/bbs/i12860735484.png"></div>
<!-- 탭 7번 상자-->
<div data-inven-tab-id="img_tab_7">
<img src="http://static.inven.co.kr/column/2016/03/07/news/i11466866990.jpg"></div>
<!-- 탭 8번 상자-->
<div data-inven-tab-id="img_tab_8">
<img src="http://static.inven.co.kr/column/2016/03/07/news/i11415766577.jpg"></div>

</div>
</div>