SIR
목록으로

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

이한나
프로필 보기이 회원 글보기이 회원의 댓글보기
 4년 전 조회 2,707
답변 1
목록

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

 

https://www.aptners.com/homepage/ 

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

그런데 자꾸 막혀서요 ㅠㅠ

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

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

Copy 
$(document).ready(function(){

        $(".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 (){

            // alert($(".carousel-item.active .title1").html());
            //alert($(".carousel-item.active h1").html());
            $(".carousel-item.active h1").fadeIn(3000);
            $(".carousel-item.active p").fadeIn(5000);
        });

    });

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

도움 부탁드립니다 .ㅠㅠ

#그누보드5

답변 1개

채택된 답변
+20 포인트

Copy 
$("#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);
});

 

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

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

답변에 대한 댓글 1개

해결은 되지 않았지만 답변 감사드립니다 ㅠㅠ!

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

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

로그인
🐛 버그신고