[기타] '따링이'님이 문의하신 스크립트 입니다.

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

문의하신 소스를 전달 드립니다.

원하시던 형태와 다르거나, 이외에도 궁금하신 내용은 언제든지 글 남겨주세요.
감사합니다.


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

---

<div data-inven-id="main" style="display:block;"><table cellpadding="0">
<tbody>
<tr>
<td><div style="display:inline-block; width:225px; height:225px; padding:0px; margin:0px;" data-inven-over-css="{'main':{'display':'none'},'t1':{'display':'block'}}"><img src="https://optimal.inven.co.kr/upload/2017/01/29/bbs/i14714214356.jpg" width="100%"></div></td>
<td><div style="display:inline-block; width:225px; height:225px; padding:0px; margin:0px;" data-inven-over-css="{'main':{'display':'none'},'t2':{'display':'block'}}"><img src="https://optimal.inven.co.kr/upload/2017/01/29/bbs/i13120348196.jpg" width="100%"></div></td>
</tr>
<tr>
<td><div style="display:inline-block; width:225px; height:225px; padding:0px; margin:0px;" data-inven-over-css="{'main':{'display':'none'},'t3':{'display':'block'}}"><img src="https://optimal.inven.co.kr/upload/2017/01/29/bbs/i13109293221.jpg" width="100%"></div></td>
<td><div style="display:inline-block; width:225px; height:225px; padding:0px; margin:0px;" data-inven-over-css="{'main':{'display':'none'},'t4':{'display':'block'}}"><img src="https://optimal.inven.co.kr/upload/2017/01/29/bbs/i13150800474.jpg" width="100%"></div></td>
</tr>
</tbody></table></div>

<div data-inven-id="t1" style="display:none;" data-inven-out-css="{'_SELF_':{'display':'none'},'main':{'display':'block'}}">
<table cellpadding="0">
<tbody>
<tr>
<td><div style="width:150px; height:150px; padding:0px; margin:0px;" data-inven-out-css="{'t1':{'display':'none'},'main':{'display':'block'}}"><img src="https://optimal.inven.co.kr/upload/2017/01/29/bbs/i16409621031.gif"></div></td>
<td><div style="width:150px; height:150px; padding:0px; margin:0px;"><img src="https://optimal.inven.co.kr/upload/2017/01/29/bbs/i13120348196.jpg"></div></td>
<td><div style="width:150px; height:150px; padding:0px; margin:0px;"><img src="https://optimal.inven.co.kr/upload/2017/01/29/bbs/i13179276430.jpg"></div></td>
</tr>
<tr>
<td><div style="width:150px; height:150px; padding:0px; margin:0px;"><img src="https://optimal.inven.co.kr/upload/2017/01/29/bbs/i13109293221.jpg"></div></td>
<td colspan="2" rowspan="2"><div style="width:302px; height:302px; padding:0px; margin:0px; background-color:#999;"><img src="https://optimal.inven.co.kr/upload/2017/01/30/bbs/i13906905697.jpg"></div></td>
</tr>
<tr>
<td><div style="display:inline-block; width:150px; height:150px; padding:0px; margin:0px;"><img src="https://optimal.inven.co.kr/upload/2017/01/29/bbs/i16267489971.jpg"></div></td>
</tr>
</tbody>
</table>
</div>

<div data-inven-id="t2" style="display:none;" data-inven-out-css="{'_SELF_':{'display':'none'},'main':{'display':'block'}}">
<table cellpadding="0">
<tbody>
<tr>
<td><div style="width:150px; height:150px; padding:0px; margin:0px;"><img src="https://optimal.inven.co.kr/upload/2017/01/29/bbs/i14714214356.jpg"></div></td>
<td><div style="width:150px; height:150px; padding:0px; margin:0px;" data-inven-out-css="{'t2':{'display':'none'},'main':{'display':'block'}}"><img src="https://optimal.inven.co.kr/upload/2017/01/29/bbs/i16478598984.gif"></div></td>
<td><div style="width:150px; height:150px; padding:0px; margin:0px;"><img src="https://optimal.inven.co.kr/upload/2017/01/29/bbs/i13179276430.jpg"></div></td>
</tr>
<tr>
<td colspan="3" rowspan="2"><div style="width:454px; height:302px; padding:0px; margin:0px; background-color:#999;"><img src="https://optimal.inven.co.kr/upload/2017/01/30/bbs/i13939816852.jpg"></div></td>
</tr>
<tr></tr>
</tbody>
</table>
</div>

<div data-inven-id="t3" style="display:none;" data-inven-out-css="{'_SELF_':{'display':'none'},'main':{'display':'block'}}">
<table cellpadding="0">
<tbody>
<tr>
<td><div style="width:150px; height:150px; padding:0px; margin:0px;"><img src="https://optimal.inven.co.kr/upload/2017/01/29/bbs/i14714214356.jpg"></div></td>
<td><div style="width:150px; height:150px; padding:0px; margin:0px;"><img src="https://optimal.inven.co.kr/upload/2017/01/29/bbs/i13120348196.jpg"></div></td>
<td><div style="width:150px; height:150px; padding:0px; margin:0px;" data-inven-out-css="{'t3':{'display':'none'},'main':{'display':'block'}}"><img src="https://optimal.inven.co.kr/upload/2017/01/29/bbs/i16447866748.gif"></div></td>
</tr>
<tr>
<td colspan="2" rowspan="2"><div style="width:302px; height:302px; padding:0px; margin:0px; background-color:#999;"><img src="https://optimal.inven.co.kr/upload/2017/01/30/bbs/i13971957245.jpg"></div></td>
<td><div style="width:150px; height:150px; padding:0px; margin:0px;"><img src="https://optimal.inven.co.kr/upload/2017/01/29/bbs/i13179950001.jpg"></div></td>
</tr>
<tr>
<td><div style="display:inline-block; width:150px; height:150px; padding:0px; margin:0px;"><img src="https://optimal.inven.co.kr/upload/2017/01/29/bbs/i14428593169.jpg"></div></td>
</tr>
</tbody>
</table>
</div>

<div data-inven-id="t4" style="display:none;" data-inven-out-css="{'_SELF_':{'display':'none'},'main':{'display':'block'}}">
<table cellpadding="0">
<tbody>
<tr>
<td><div style="width:150px; height:150px; padding:0px; margin:0px;"><img src="https://optimal.inven.co.kr/upload/2017/01/29/bbs/i14714214356.jpg"></div></td>
<td colspan="2" rowspan="3"><div style="width:302px; height:454px; padding:0px; margin:0px; background-color:#999;"><img src="https://optimal.inven.co.kr/upload/2017/01/30/bbs/i13902443537.jpg"></div></td>
</tr>
<tr>
<td><div style="width:150px; height:150px; padding:0px; margin:0px;" data-inven-out-css="{'t4':{'display':'none'},'main':{'display':'block'}}"><img src="https://optimal.inven.co.kr/upload/2017/01/29/bbs/i16411794320.gif"></div></td>
</tr>
<tr>
<td><div style="display:inline-block; width:150px; height:150px; padding:0px; margin:0px;"><img src="https://optimal.inven.co.kr/upload/2017/01/29/bbs/i16267489971.jpg"></div></td>
</tr>
</tbody>
</table>
</div>