[문의] '치어리더'님이 요청하신 스크립트 입니다.

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

높이를 기존 300px에서 400px로 수정한 소스를 전달 드립니다.
이미지 엘리먼트 내에 height와 width값이 고정되어 있어서, 이미지 주소만 넣어 주시면 이미지는 리사이징 될 것입니다.

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

감사합니다.


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

---

<center>
<div style="display:block; width: 411px; height: 402px; padding:2px 1px 1px 1px; background:none; overflow:hidden;" align="center">

<!-- 전체 프레임 -->
<div style="display: inline-block; width:405px; height: 400px; margin: 0px; overflow:hidden;" align="left">

<!-- 왼쪽 프레임 -->
<div style="display:inline-block; width:50px; height: 400px; margin-right:-2px; overflow: hidden;">

<img src="●●●이미지1●●●" style="display:block; background:white; margin: 0px -4px 1px 0px; width: 49px; height: 50px; opacity:0.8;"
data-inven-over-css="{'frame':{'margin-top':'0', 'margin-left':'0'}, '_SELF_':{'opacity':'1'}}" data-inven-out-css="{'_SELF_':{'opacity':'0.8'}}">
<img src="●●●이미지2●●●" style="display:block; background:white; margin: 1px -4px 1px 0px; width: 49px; height: 49px; opacity:0.8;"
data-inven-over-css="{'frame':{'margin-top':'-400', 'margin-left':'0'}, '_SELF_':{'opacity':'1'}}" data-inven-out-css="{'_SELF_':{'opacity':'0.8'}}">
<img src="●●●이미지3●●●" style="display:block; background:white; margin: 1px -4px 1px 0px; width: 49px; height: 49px; opacity:0.8;"
data-inven-over-css="{'frame':{'margin-top':'-800', 'margin-left':'0'}, '_SELF_':{'opacity':'1'}}" data-inven-out-css="{'_SELF_':{'opacity':'0.8'}}">
<img src="●●●이미지4●●●" style="display:block; background:white; margin: 1px -4px 1px 0px; width: 49px; height: 49px; opacity:0.8;"
data-inven-over-css="{'frame':{'margin-top':'-1200', 'margin-left':'0'}, '_SELF_':{'opacity':'1'}}" data-inven-out-css="{'_SELF_':{'opacity':'0.8'}}">
<img src="●●●이미지5●●●" style="display:block; background:white; margin: 1px -4px 1px 0px; width: 49px; height: 49px; opacity:0.8;"
data-inven-over-css="{'frame':{'margin-top':'-1600', 'margin-left':'0'}, '_SELF_':{'opacity':'1'}}" data-inven-out-css="{'_SELF_':{'opacity':'0.8'}}">
<img src="●●●이미지6●●●" style="display:block; background:white; margin: 1px -4px 1px 0px; width: 49px; height: 49px; opacity:0.8;"
data-inven-over-css="{'frame':{'margin-top':'-2000', 'margin-left':'0'}, '_SELF_':{'opacity':'1'}}" data-inven-out-css="{'_SELF_':{'opacity':'0.8'}}">

</div>
<!-- 왼쪽 프레임 끝 -->

<!-- 중앙 프레임 -->
<div style="display:inline-block; width: 300px; height: 400px; margin-right:-1px; overflow: hidden;">
<div style="width: 600px; height: 2400px; transition:0.3s ease-in-out;" data-inven-id="frame">

<div style="display:inline-block; width:300px; height: 2400px; margin-right:-4px;">
<img src="●●●이미지1●●●" style="display:block; margin-right:-4px; width: 300px; height: 400px;">
<img src="●●●이미지2●●●" style="display:block; margin-right:-4px; width: 300px; height: 400px;">
<img src="●●●이미지3●●●" style="display:block; margin-right:-4px; width: 300px; height: 400px;">
<img src="●●●이미지4●●●" style="display:block; margin-right:-4px; width: 300px; height: 400px;">
<img src="●●●이미지5●●●" style="display:block; margin-right:-4px; width: 300px; height: 400px;">
<img src="●●●이미지6●●●" style="display:block; margin-right:-4px; width: 300px; height: 400px;">
</div>

<div style="display:inline-block; width:300px; height: 2400px;">
<img src="●●●이미지7●●●" style="display:block; margin-right:0px; width: 300px; height: 400px;">
<img src="●●●이미지8●●●" style="display:block; margin-right:0px; width: 300px; height: 400px;">
<img src="●●●이미지9●●●" style="display:block; margin-right:0px; width: 300px; height: 400px;">
<img src="●●●이미지10●●●" style="display:block; margin-right:0px; width: 300px; height: 400px;">
<img src="●●●이미지11●●●" style="display:block; margin-right:0px; width: 300px; height: 400px;">
<img src="●●●이미지12●●●" style="display:block; margin-right:0px; width: 300px; height: 400px;">
</div>

</div>
</div>
<!-- 중앙 프레임 끝 -->

<!-- 오른쪽 프레임 -->
<div style="display:inline-block; width:50px; height: 400px; margin-right:-1px; overflow: hidden;">

<img src="●●●이미지7●●●" style="display:block; background:white; margin: 0px -4px 1px 0px; width: 49px; height: 50px; opacity:0.8;"
data-inven-over-css="{'frame':{'margin-top':'0', 'margin-left':'-300'}, '_SELF_':{'opacity':'1'}}" data-inven-out-css="{'_SELF_':{'opacity':'0.8'}}">
<img src="●●●이미지8●●●" style="display:block; background:white; margin: 1px -4px 1px 0px; width: 49px; height: 49px; opacity:0.8;"
data-inven-over-css="{'frame':{'margin-top':'-400', 'margin-left':'-300'}, '_SELF_':{'opacity':'1'}}" data-inven-out-css="{'_SELF_':{'opacity':'0.8'}}">
<img src="●●●이미지9●●●" style="display:block; background:white; margin: 1px -4px 1px 0px; width: 49px; height: 49px; opacity:0.8;"
data-inven-over-css="{'frame':{'margin-top':'-800', 'margin-left':'-300'}, '_SELF_':{'opacity':'1'}}" data-inven-out-css="{'_SELF_':{'opacity':'0.8'}}">
<img src="●●●이미지10●●●" style="display:block; background:white; margin: 1px -4px 1px 0px; width: 49px; height: 49px; opacity:0.8;"
data-inven-over-css="{'frame':{'margin-top':'-1200', 'margin-left':'-300'}, '_SELF_':{'opacity':'1'}}" data-inven-out-css="{'_SELF_':{'opacity':'0.8'}}">
<img src="●●●이미지11●●●" style="display:block; background:white; margin: 1px -4px 1px 0px; width: 49px; height: 49px; opacity:0.8;"
data-inven-over-css="{'frame':{'margin-top':'-1600', 'margin-left':'-300'}, '_SELF_':{'opacity':'1'}}" data-inven-out-css="{'_SELF_':{'opacity':'0.8'}}">
<img src="●●●이미지12●●●" style="display:block; background:white; margin: 1px -4px 1px 0px; width: 49px; height: 49px; opacity:0.8;"
data-inven-over-css="{'frame':{'margin-top':'-2000', 'margin-left':'-300'}, '_SELF_':{'opacity':'1'}}" data-inven-out-css="{'_SELF_':{'opacity':'0.8'}}">

</div>
<!-- 오른쪽 프레임 끝 -->

</div>
<!-- 전체 프레임 끝 -->

</div>
</center>