캐러셀 슬라이드 시 이벤트 호출..
본문
얼마전에도 글 올리긴 했는데
https://www.aptners.com/homepage/
이 페이지를 제작하고 있습니다 ..!
그런데 자꾸 막혀서요 ㅠㅠ
다름이아니라 메인에 캐러셀 슬라이드가 넘어갈때마다
매번 텍스트에 페이드인 효과를 넣어주고싶은데 잘 안돼요 ..!
$(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);
});
});
이건 한번밖에 이벤트가 발생하지않기도하고 잘 안되더라구요 ..ㅠㅠ
도움 부탁드립니다 .ㅠㅠ
답변 1
$("#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);
});
이런형태로 활성화 되지 않은 요소들은 감춰주셔야 이벤트가 발생시 페이드인 효과를 게속 볼수 있을듯 하네요
해결은 되지 않았지만 답변 감사드립니다 ㅠㅠ!
답변을 작성하시기 전에 로그인 해주세요.