[기타] '재의귀인'님이 문의하신 스크립트 입니다.

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

문의하신 소스의 샘플은 아래와 같습니다.

주석 <!--</div> 이전까지 숨겨진 내용이 들어가게 됩니다. --> 이 들어가 있는 부분에 숨겨진 내용이 표시되게 되며,
이미지는 원하시는 만큼 삽입해 주실 수 있습니다.

이미지는 <img src="이미지 주소" width="100%"> 형태로 넣어 주시면 됩니다.

현재 인장을 보고 배경을 넣어 드렸는데, 혹시 배경을 넣길 원하지 않으시는 경우, 가장 첫째 문장과 ,가장 마지막 줄의 </div> 를 삭제해 주시면 됩니다.

접고 펼치기를 추가하고 싶으신 경우는 반복되는 양식을 그대로 복사하셔서, 노란색 배경이 칠해진 부분을 si_4, 5, 6, 7 과 같이 순서대로 수정해 주시면 됩니다.

원하시던 내용과 다르거나, 이외에도 궁금하신 내용은 언제든지 글 남겨주세요.

감사합니다.


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

---

<div style="background-image: url('https://upload2.inven.co.kr/upload/2016/08/02/bbs/i11960691027.jpg');text-align:center;color: #dfd0b3;font-weight:bold;">


<div data-inven-toggle="si_1">
<img src="버튼 이미지 주소" width="100%">

<div data-inven-id="si_1" style="display:none;">
<!--</div> 이전까지 숨겨진 내용이 들어가게 됩니다. -->
<img src="숨겨진 이미지 주소" width="100%">
이곳에도 텍스트가 들어갈 수 있습니다.
</div></div>


<div data-inven-toggle="si_2">
<img src="버튼 이미지 주소" width="100%">

<div data-inven-id="si_2" style="display:none;">
<!--</div> 이전까지 숨겨진 내용이 들어가게 됩니다. -->
<img src="숨겨진 이미지 주소" width="100%">
</div></div>


<div data-inven-toggle="si_3">
<img src="버튼 이미지 주소" width="100%">

<div data-inven-id="si_3" style="display:none;">
<!--</div> 이전까지 숨겨진 내용이 들어가게 됩니다. -->
<img src="숨겨진 이미지 주소" width="100%">
</div></div>

</div>