<!-- ↓↓↓↓↓↓ 밑에부터 긁어서 복사 ↓↓↓↓↓↓ --><script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<style type="text/css">area:focus{outline:none;}
.lookbook{width:1200px;margin:0 auto;display:block;}
.lookbook img{margin:0 auto;display:block;}
.lookbook .lookbook-header{position:relative;}
.lookbook-wrap .swiper-container-odd{
position: absolute;
left: 570px;
top: 70px;
width: 560px;
height: 560px;
}
.lookbook .lookbook-header .lh-video-wrap {
position: absolute;
top: 13.78%;
left: 52.5%;
width: 79.91666667%;
transform: translate(-50%, -50%);
}
.lookbook .lookbook-header .lh-video-wrap .lh-video-inner {
width: 94%;
padding-top: 56.25%;
}
.lookbook .lookbook-header .lh-video-wrap .lh-video-inner iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
</style>
<div class="lookbook">
<div class="lookbook-header"><img alt="" src="https://image.a-rt.com/art/editor/202102/1613606033333.jpg" />
<div class="lookbook-wrap">
<div class="swiper-container-odd">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide"><img alt="" src="https://image.a-rt.com/art/editor/202102/1613606046066.jpg" /></div>
<div class="swiper-slide"><img alt="" src="https://image.a-rt.com/art/editor/202102/1613606052695.jpg" /></div>
<div class="swiper-slide"><img alt="" src="https://image.a-rt.com/art/editor/202102/1613606059890.jpg" /></div>
<div class="swiper-slide"><img alt="" src="https://image.a-rt.com/art/editor/202102/1613606066414.jpg" /></div>
<div class="swiper-slide"><img alt="" src="https://image.a-rt.com/art/editor/202102/1613606081200.jpg" /></div>
<div class="swiper-slide"><img alt="" src="https://image.a-rt.com/art/editor/202102/1613606072807.jpg" /></div>
</div>
</div>
</div>
</div>
<div class="lh-video-wrap">
<div class="lh-video-inner">
<video autoplay="" height="100%" loop="" muted="" poster="" width="100%"><source src="http://api.wecandeo.com/video/default/BOKNS9AQWrHmKIBI7PXDGzfyg4isisSC1ENbI0XUipYBQXeD7NJ3A622PMxzxNx4FQQTXisYXHt2XKxQw1oJb2c3HAieie.mp4" type="video/mp4" /></video>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function() {
var mySwiper = new Swiper ('.lookbook-wrap .swiper-container', {
fadeEffect: { crossFade: true },
virtualTranslate: true,
autoplay: {
delay: 1500,
disableOnInteraction: true,
},
speed: 400,
slidersPerView: 1,
effect: "fade",
allowTouchMove: false
})
});
</script><!-- ↑↑↑↑↑↑ 위에 내용까지 긁어서 복사 ↑↑↑↑↑↑ -->