|
2018-01-03 03:50
조회: 969
추천: 0
왼쪽만 있는 버전입니다.<center> <div style="display:block; width:353px; height: 302px; padding:2px 1px 1px 2px; background:none; overflow:hidden;" align="center"> <!-- 전체 프레임 --> <div style="display: inline-block; width:355px; height:300px; margin: 0px; overflow:hidden;" align="left"> <!-- 왼쪽 프레임 --> <div style="display:inline-block; width:50px; height:300px; margin-right:1px; float:left; 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':'-300', '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':'-600', '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':'-900', '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':'-1200', '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':'-1500', 'margin-left':'0'}, '_SELF_':{'opacity':'1'}}" data-inven-out-css="{'_SELF_':{'opacity':'0.8'}}"> </div> <!-- 왼쪽 프레임 끝 --> <!-- 중앙 프레임 --> <div style="display:inline-block; width: 300px; height: 300px; margin-right:1px; float:left; overflow: hidden;"> <div style="width: 300px; height:1800px; transition:0.3s ease-in-out;" data-inven-id="frame"> <div style="display:inline-block; width:300px; height: 1800px; margin-right:-4px;"> <img src="●●●이미지1●●●" style="display:block; margin-right:-4px; width: 300px; height:300px;"> <img src="●●●이미지2●●●" style="display:block; margin-right:-4px; width: 300px; height:300px;"> <img src="●●●이미지3●●●" style="display:block; margin-right:-4px; width: 300px; height:300px;"> <img src="●●●이미지4●●●" style="display:block; margin-right:-4px; width: 300px; height:300px;"> <img src="●●●이미지5●●●" style="display:block; margin-right:-4px; width: 300px; height:300px;"> <img src="●●●이미지6●●●" style="display:block; margin-right:-4px; width: 300px; height:300px;"> </div> </div> </div> <!-- 중앙 프레임 끝 --> </div> <!-- 전체 프레임 끝 --> </div> </center> <예시 > <center> <div style="display:block; width:353px; height: 302px; padding:2px 1px 1px 2px; background:black; overflow:hidden;" align="center"> <!-- 전체 프레임 --> <div style="display: inline-block; width:355px; height:300px; margin: 0px; overflow:hidden;" align="left"> <!-- 왼쪽 프레임 --> <div style="display:inline-block; width:50px; height:300px; margin-right:1px; float:left; overflow: hidden;"> <img src="https://upload2.inven.co.kr/upload/2017/11/26/bbs/i16063864967.jpg" 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="https://upload2.inven.co.kr/upload/2017/11/26/bbs/i16040423603.jpg" style="display:block; background:white; margin: 1px -4px 1px 0px; width: 49px; height:49px; opacity:0.8;" data-inven-over-css="{'frame':{'margin-top':'-300', 'margin-left':'0'}, '_SELF_':{'opacity':'1'}}" data-inven-out-css="{'_SELF_':{'opacity':'0.8'}}"> <img src="https://upload2.inven.co.kr/upload/2017/11/26/bbs/i16082516927.png" style="display:block; background:white; margin: 1px -4px 1px 0px; width: 49px; height:49px; opacity:0.8;" data-inven-over-css="{'frame':{'margin-top':'-600', 'margin-left':'0'}, '_SELF_':{'opacity':'1'}}" data-inven-out-css="{'_SELF_':{'opacity':'0.8'}}"> <img src="https://upload2.inven.co.kr/upload/2017/11/26/bbs/i16048674198.png" style="display:block; background:white; margin: 1px -4px 1px 0px; width: 49px; height:49px; opacity:0.8;" data-inven-over-css="{'frame':{'margin-top':'-900', 'margin-left':'0'}, '_SELF_':{'opacity':'1'}}" data-inven-out-css="{'_SELF_':{'opacity':'0.8'}}"> <img src="https://upload2.inven.co.kr/upload/2017/11/26/bbs/i16034443151.jpg" 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="https://upload2.inven.co.kr/upload/2017/11/26/bbs/i16017702318.png" style="display:block; background:white; margin: 1px -4px 1px 0px; width: 49px; height:49px; opacity:0.8;" data-inven-over-css="{'frame':{'margin-top':'-1500', 'margin-left':'0'}, '_SELF_':{'opacity':'1'}}" data-inven-out-css="{'_SELF_':{'opacity':'0.8'}}"> </div> <!-- 왼쪽 프레임 끝 --> <!-- 중앙 프레임 --> <div style="display:inline-block; width: 300px; height: 300px; margin-right:1px; float:left; overflow: hidden;"> <div style="width: 300px; height:1800px; transition:0.3s ease-in-out;" data-inven-id="frame"> <div style="display:inline-block; width:300px; height: 1800px; margin-right:-4px;"> <img src="https://upload2.inven.co.kr/upload/2017/11/26/bbs/i16063864967.jpg" style="display:block; margin-right:-4px; width: 300px; height:300px;"> <img src="https://upload2.inven.co.kr/upload/2017/11/26/bbs/i16040423603.jpg" style="display:block; margin-right:-4px; width: 300px; height:300px;"> <img src="https://upload2.inven.co.kr/upload/2017/11/26/bbs/i16082516927.png" style="display:block; margin-right:-4px; width: 300px; height:300px;"> <img src="https://upload2.inven.co.kr/upload/2017/11/26/bbs/i16048674198.png" style="display:block; margin-right:-4px; width: 300px; height:300px;"> <img src="https://upload2.inven.co.kr/upload/2017/11/26/bbs/i16034443151.jpg" style="display:block; margin-right:-4px; width: 300px; height:300px;"> <img src="https://upload2.inven.co.kr/upload/2017/11/26/bbs/i16017702318.png" style="display:block; margin-right:-4px; width: 300px; height:300px;"> </div> </div> </div> <!-- 중앙 프레임 끝 --> </div> <!-- 전체 프레임 끝 --> </div> </center> |






Want 

