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

문의해 주셨던 소스를 정리해서 전달해 드립니다.

- 노란색 상자
소스를 확인해 봤는데, 노란색 상자를 나타내는 소스가 없었습니다. (아마 수정 과정 어딘가에서 지워진 것 같네요.)
해당 상자가 내용을 감싸도록 추가해 놨습니다.

- 이미지 여러 장 올리기
아래쪽에 보시면, 각 캐릭터의 이름으로 <div>상자를 만들어 놨습니다.
이미지 여러장을 올리기 위해서는 해당 <div>에서 </div> 상자 사이에

<img src="이미지 주소">
의 형태로 원하시는 만큼 이미지를 추가해 주시면 됩니다.

- 이미지가 중앙에 오도록
이미지 정렬의 경우는, 이미지를 감싸고 있는 <div> 상자의 스타일에
style="text-align:center;"를 입력해 주시면 됩니다.

- 추가 확인 사항
이미지가 노란 상자보다 작은 것을 확인했습니다.

이것을 맞춰주기 위해서는 2가지 방법을 사용하실 수 있는데요.

1. 이미지를 가로 100% 로 만들기
이미지 소스 뒤에 width="100%"를 적어주시면, 가로 폭에 맞춰서 이미지가 자동 조정됩니다.
예시 소스는 아래와 같습니다.
<img src="이미지 주소" width="100%">

2. 노란 상자의 사이즈를 조절하기.
갤러리가 시작되는 곳에 있는 상자(아래 소스)의 스타일에 가로폭(width)을 조절해 주시면 됩니다. 이 경우 상자가 중앙에 위치하기 위해서 추가로 <div style="text-align:center;></div>를 사용해 갤러리 상자 전체를 감싸 주시면, 상자도 중앙에 위치하고 이미지도 원본 사이즈로 출력될 것입니다.
<div style="text-align: center;width: 450px;border:1px solid #F7BE81;font-size:15px;"><br>

혹시 원하시던 형태와 다르거나, 수정에 어려움을 겪으실 경우,
이외에도 궁금하신 점이 있으시면 언제든지 글 남겨주세요.

감사합니다.



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

<!-- 가입일 -->
<img src="http://www.randomurl.ze.am/e/jd.php?d=2009-01-20%2002:02:42&amp;c=BDBDBD.png" border="0">

<!-- 마격 기능 -->
<div style="text-align: center;">
<div style='padding: 0px; border-radius: 6px; border: 1px solid rgb(247, 190, 129); border-image: none; color: rgb(247, 190, 129); overflow: hidden; font-size: 11px; margin-top: 16px; margin-left: 6px; display: inline-block; -ms-zoom: 1; background-image: url("http://upload2.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png");' data-inven-result-detail="" data-no-tooltip="" data-inven-action="last-attack-5,last-attack-10,last-attack-all,search-profile">
<span style="padding: 0px 4px; border: 0px currentColor; border-image: none; width: 130px; height: 21px; color: rgb(247, 190, 129); line-height: 21px; font-size: 11px; float: left;" data-inven-attr-for="input"></span>
<span style="margin: 0px 0px 0px 1px; padding: 6px 4px 4px; border: 0px currentColor; border-image: none; height: auto; color: white; line-height: 100%; font-size: 11px; float: left; background-color: rgb(247, 190, 129);" data-inven-attr-for="button"></span>
<span style='padding: 4px 6px; border-radius: 6px; border: 1px solid rgb(247, 190, 129); border-image: none; width: 300px; color: rgb(247, 190, 129); font-size: 11px; margin-top: 2px; margin-left: 6px; background-image: url("http://upload2.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png");' data-inven-attr-for="action-result" data-position="out"></span></div>
</div>


<br /><br /><br />
<!-- 중간 이미지 -->
<img src="http://upload2.inven.co.kr/upload/2015/05/11/bbs/i10119847463.gif">

<br /><br /><br />

<!-- 겔러리형 시작 -->
<div style="text-align: center;width: 450px;border:1px solid #F7BE81;font-size:15px;"><br>

<img src="http://upload2.inven.co.kr/upload/2016/06/13/bbs/i11551303208.gif"data-inven-over-css="{'evy':{'display':'block'},'linn':{'display':'none'},'vella':{'display':'none'},'fiona':{'display':'none'},'hagie':{'display':'none'}}">
<img src="http://upload2.inven.co.kr/upload/2016/06/13/bbs/i11562839597.gif" data-inven-over-css="{'evy':{'display':'none'},'linn':{'display':'block'},'vella':{'display':'none'},'fiona':{'display':'none'},'hagie':{'display':'none'}}">
<img src="http://upload2.inven.co.kr/upload/2016/06/13/bbs/i11504969865.gif" data-inven-over-css="{'evy':{'display':'none'},'linn':{'display':'none'},'vella':{'display':'block'},'fiona':{'display':'none'},'hagie':{'display':'none'}}">
<img src="http://upload2.inven.co.kr/upload/2016/06/13/bbs/i11592767594.gif" data-inven-over-css="{'evy':{'display':'none'},'linn':{'display':'none'},'vella':{'display':'none'},'fiona':{'display':'block'},'hagie':{'display':'none'}}">
<img src="http://upload2.inven.co.kr/upload/2016/06/13/bbs/i11520998776.gif" data-inven-over-css="{'evy':{'display':'none'},'linn':{'display':'none'},'vella':{'display':'none'},'fiona':{'display':'none'},'hagie':{'display':'block'}}">

<br><br>

<div data-inven-id="evy" style="display:block;"><!-- 이비 이미지 -->
<img src="http://upload2.inven.co.kr/upload/2016/06/13/bbs/i11519678351.jpg">
<img src="http://upload2.inven.co.kr/upload/2016/06/13/bbs/i11519678351.jpg">
</div>

<div data-inven-id="linn" style="display:none;"><!-- 린 이미지 -->
<img src="http://upload2.inven.co.kr/upload/2016/06/13/bbs/i11587420668.jpg">
<img src="http://upload2.inven.co.kr/upload/2016/06/13/bbs/i11587420668.jpg">
<img src="http://upload2.inven.co.kr/upload/2016/06/13/bbs/i11587420668.jpg">
</div>

<div data-inven-id="vella" style="display:none;"><!-- 벨라 이미지-->
<img src="http://upload2.inven.co.kr/upload/2016/06/13/bbs/i11555912433.jpg">
</div>

<div data-inven-id="fiona" style="display:none;"><!-- 피오나 이미지 -->
<img src="http://upload2.inven.co.kr/upload/2016/06/13/bbs/i11522719278.jpg">
</div>

<div data-inven-id="hagie" style="display:none;"><!-- 헤기 이미지 -->
<img src="http://upload2.inven.co.kr/upload/2016/06/13/bbs/i11589283440.jpg">
</div>