gg맨
1k
2020-09-17 16:01:36 작성 2020-09-17 16:02:36 수정됨
3
78

swiper-slide 롤링 될때 값을 가져와 기능 구현을 하고 싶습니다.


php로 작업중이구요

swiper-slide로 이미지가 롤링 될때 텍스트 영역에 텍스트도 바뀌게 하고 싶습니다.

첨부한 소스에서 aaa.jpg가 노출되면 1번째 텍스트란 영역만 보여지고 이런식으로요

최소  swiper-slide 롤링되는걸 체크할 수만 있어도 어떻게 해보겠는데 방법을 모르겠네요 ㅠㅠ

아시는 분 답변 부탁 드립니다. 

감사합니다.


<div class="left">			
    <h3 class='tit'>1번째 텍스트</h3>
    <h3 class='tit'>2번째 텍스트</h3>
    <h3 class='tit'>3번째 텍스트</h3>				
</div>
<div class="right">
<div class="swiper-container swiper-container3">
    <ul class="swiper-wrapper">
        <li class='swiper-slide'><img src="/slide/aaa.jpg" alt=""></a></li>
        <li class='swiper-slide'><img src="/slide/bbb.jpg" alt=""></a></li>
        <li class='swiper-slide'><img src="/slide/ccc.jpg" alt=""></a></li>
    </ul>
</div>



0
  • 답변 3

  • 밥도둑계장
    751
    2020-09-17 16:07:21

    스와이프 li안에 각각에 대응하는 텍스트 넣어버리고

    포지셔닝 css만 새로잡아주면 젤 간단할꺼같은데

    너무 하드코딩같구...

    더좋은방법은 다른분이..


  • 초보자1212
    1k
    2020-09-17 16:26:22

    윗분 의견이 젤 일반적일 것 같네요

    버튼 클릭 들어오면 같이 넘겨버리세요

  • 반응콩
    57
    2020-09-17 17:23:59

    swiper 이벤트 중에서 slideChange

  • 로그인을 하시면 답변 을 등록할 수 있습니다.