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

말씀하신 내용을 바탕으로 작성된 소스를 전달해 드립니다.
설명하신 내용에는 어디에 어떤 이미지가 들어가야 하는지 설명이 없어서,
기능만 구현한 소스를 전달해 드립니다.

수정 시 참조하실 수 있도록, 각 부분마다 주석으로 표시해 드렸습니다.
수정에 어려움이 있으시거나, 이외에도 궁금하신 내용은 언제든지 글 남겨주세요.

감사합니다.



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

<!-- 전체 노란 상자-->
<div style="border: 1px solid rgb(247, 190, 129); width: 450px; text-align: center; font-size: 15px;">

<!-- 메인메뉴 버튼-->
<span data-inven-show="MAIN" data-inven-hide="MADE,THANKS">
메인 버튼
</span>


<!-- MADE 탭 버튼-->
<span data-inven-show="MADE" data-inven-hide="MAIN,THANKS">
MADE
</span>


<!-- THANKS 탭 버튼 -->
<span data-inven-show="THANKS" data-inven-hide="MAIN,MADE">
THANKS
</span>


<!-- 본문 적색 상자-->
<div style="border: 1px solid red; width: 450px; text-align: center; font-size: 15px;">

<!-- 메인 탭 본문 -->
<div data-inven-id="MAIN" style="display:block;">
메인 창 내용
</div>


<!-- MADE 탭 본문 -->
<div data-inven-id="MADE" style="display:none;">

<div data-inven-tabs data-inven-tab-selected="MADE_1">
<!-- 하단 메뉴 1~3 버튼 -->
<span data-inven-tab-for="MADE_1">하단메뉴1</span>
<span data-inven-tab-for="MADE_2">하단메뉴2</span>
<span data-inven-tab-for="MADE_3">하단메뉴3</span>

<!-- 핟단 메뉴 본문 1 -->
<div data-inven-tab-id="MADE_1">
본문 1<br>

<!-- 리스트형 이미지 출력 샘플 1-->
<div data-inven-list="li1_1,li1_2,li1_3,li1_4,li1_5,li1_6" data-list-id="li1_1">
<span data-inven-id="li1_1">이미지 1_1</span>
<span data-inven-id="li1_2" style="display:none;">이미지 1_2</span>
<span data-inven-id="li1_3" style="display:none;">이미지 1_3</span>
<span data-inven-id="li1_4" style="display:none;">이미지 1_4</span>
<span data-inven-id="li1_5" style="display:none;">이미지 1_5</span>
<span data-inven-id="li1_6" style="display:none;">이미지 1_6</span>
</div>

</div>

<!-- 핟단 메뉴 본문 2 -->
<div data-inven-tab-id="MADE_2">
본문 2<br>

<!-- 리스트형 이미지 출력 샘플 2-->
<div data-inven-list="li2_1,li2_2,li2_3,li2_4,li2_5,li2_6" data-list-id="li2_1">
<span data-inven-id="li2_1">이미지 2_1</span>
<span data-inven-id="li2_2" style="display:none;">이미지 2_2</span>
<span data-inven-id="li2_3" style="display:none;">이미지 2_3</span>
<span data-inven-id="li2_4" style="display:none;">이미지 2_4</span>
<span data-inven-id="li2_5" style="display:none;">이미지 2_5</span>
<span data-inven-id="li2_6" style="display:none;">이미지 2_6</span>
</div>

</div>

<!-- 핟단 메뉴 본문 3 -->
<div data-inven-tab-id="MADE_3">
본문 3<br>

<!-- 리스트형 이미지 출력 샘플 3-->
<div data-inven-list="li3_1,li3_2,li3_3,li3_4,li3_5,li3_6" data-list-id="li3_1">
<span data-inven-id="li3_1">이미지 3_1</span>
<span data-inven-id="li3_2" style="display:none;">이미지 3_2</span>
<span data-inven-id="li3_3" style="display:none;">이미지 3_3</span>
<span data-inven-id="li3_4" style="display:none;">이미지 3_4</span>
<span data-inven-id="li3_5" style="display:none;">이미지 3_5</span>
<span data-inven-id="li3_6" style="display:none;">이미지 3_6</span>
</div>

</div>

</div>


</div>


<!-- THANKS 탭 본문 -->
<div data-inven-id="THANKS" style="display:none;">

<div data-inven-tabs data-inven-tab-selected="THANKS_1">
<!-- 하단 메뉴 1~3 버튼 -->
<span data-inven-tab-for="THANKS_1">버튼 1</span>
<span data-inven-tab-for="THANKS_2">버튼 2</span>
<span data-inven-tab-for="THANKS_3">버튼 3</span>

<!-- 핟단 메뉴 본문 1 -->
<div data-inven-tab-id="THANKS_1">
본문 1
</div>

<!-- 핟단 메뉴 본문 2 -->
<div data-inven-tab-id="THANKS_2">
본문 2
</div>

<!-- 핟단 메뉴 본문 3 -->
<div data-inven-tab-id="THANKS_3">
본문 3
</div>

</div>

</div>



</div>
</div>