<!-- ↓↓↓↓↓↓ 밑에부터 긁어서 복사 ↓↓↓↓↓↓ --><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><!-- ↑↑↑↑↑↑ 위에 내용까지 긁어서 복사 ↑↑↑↑↑↑ -->