목록으로

캐러셀 슬라이드 시 이벤트 호출.. 채택완료

이한나

프로필 보기 이 회원 글보기 이 회원의 댓글보기

4년 전 조회 2,665

답변 1

얼마전에도 글 올리긴 했는데

https://www.aptners.com/homepage/" rel="nofollow noreferrer noopener" target="_blank">https://www.aptners.com/homepage/

이 페이지를 제작하고 있습니다 ..!

그런데 자꾸 막혀서요 ㅠㅠ

다름이아니라 메인에 캐러셀 슬라이드가 넘어갈때마다

매번 텍스트에 페이드인 효과를 넣어주고싶은데 잘 안돼요 ..!

</p>

<p>    $(document).ready(function(){</p>

<p>        $(".carousel-item.active h1").hide();

        $(".carousel-item.active").hide();

         $(".carousel-item.active h1").fadeIn(3000);

            $(".carousel-item.active p").fadeIn(5000);

        $("#carouselExampleIndicators").on('slide.bs.carousel', function (){</p>

<p>            // alert($(".carousel-item.active .title1").html());

            //alert($(".carousel-item.active h1").html());

            $(".carousel-item.active h1").fadeIn(3000);

            $(".carousel-item.active p").fadeIn(5000);

        });</p>

<p>    });</p>

<p>

이건 한번밖에 이벤트가 발생하지않기도하고 잘 안되더라구요 ..ㅠㅠ

도움 부탁드립니다 .ㅠㅠ

#그누보드5

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

정렬:

채택된 답변

+20 포인트

볼피드

프로필 보기 이 회원 글보기 이 회원의 댓글보기

4년 전

</p>

<pre>
<code>$("#carouselExampleIndicators").on('slide.bs.carousel', function (){
  $(".carousel-item h1").hide(); 
  $(".carousel-item p").hide();
  $(".carousel-item.active h1").fadeIn(3000);
  $(".carousel-item.active p").fadeIn(5000);
});</code></pre>

<p>

이런형태로 활성화 되지 않은 요소들은 감춰주셔야 이벤트가 발생시 페이드인 효과를 게속 볼수 있을듯 하네요

로그인 후 평가할 수 있습니다