슬라이드 충돌?
본문
https://github.com/nolimits4web/Swiper/blob/master/demos/090-vertical.html#L74 이거(swiper)보고
하고있는대 기존에 이달의 특가메뉴에 swiper를 활용해서 슬라이드를 만들어서
상단 왼쪽에 slide1이라고 써있는 거기에 일단 하나 더 넣어주려고합니다.
지금 슬라이드가 충돌난건지 안되서 저렇게 뜨내요 기존변수명하고 중복되는것 같아서 변수명 변경했습니다.
smiletour.tk
스크립트
<script>
var swiper1 = new Swiper1('.swiper-container1', {
direction: 'vertical',
});
</script>
<div class="swiper-container1">
<div class="swiper-wrapper">
<div class="swiper-slide">Slide 1</div>
<div class="swiper-slide">Slide 2</div>
<div class="swiper-slide">Slide 3</div>
<div class="swiper-slide">Slide 4</div>
<div class="swiper-slide">Slide 5</div>
<div class="swiper-slide">Slide 6</div>
<div class="swiper-slide">Slide 7</div>
<div class="swiper-slide">Slide 8</div>
<div class="swiper-slide">Slide 9</div>
<div class="swiper-slide">Slide 10</div>
</div>
</div>
답변 1
<div class="swiper-container1">로 수정하셨다면
해당 CSS에 가셔서 swiper-container1을 원하시는 위치로 설정하시면 될것 같습니다.
즉 이전에 있던 swiper-container와 swiper-container1의 위치 설정을 원하시는 곳에 맞게 하시면 됩니다.
사이트 들어가보시면 Slide 1부분이 슬라이드 부분인대. 아예 작동조차 안합니다.
대충 해결했습니다.
