제이쿼리 슬라이딩 예제 질문드립니다~
본문
참고 사이트에 메인슬라이드 보시면
한번 슬라이딩되고 그 텀에 각기 다른 무빙이 나오고있는데
혹시 이런 제이쿼리 모듈 이름이나 예제가 있을까요? ^^;
답변 3
https://www.jqueryscript.net/demo/Responsive-Fading-Carousel-jQuery-fadeSlider/
이런식으로 고정된 예제는 있으나, 예제 사이트처럼 각기 다르게 처리 하시려면..변경을 해서 직접 제작을 하셔야 할거 같습니다.
저도 이전에 관련해서 찾아본적이 있는데 지금 해당 링크를 가지고 있진 않습니다만 존재하긴 했었습니다. jquery carousel 관련해서 검색해보세요.
그때 찾았던게 별에별 기능이 다 되는 좀 거대한 프로젝트성 슬라이더였습니다.
기능중에 말씀하신 것처럼 글자 애니메이션까지 추가해논거 엿습니다.
다만 IE 구버전들 지원이 당연히 미비했던걸로 기억합니다.
혹은 왠만한 캐러젤(슬라이더) 들은 장면이 전환됬을때를 알아올수 있는 콜백함수들을 지원합니다. 그것을 이용해서 장면이 전환되었다면 해당 레이어에 클래스명을 붙이고 떼고를 응용하셔서 애니메이션이나 트랜지션을 적용하시면 됩니다.
소스를 열어보니까 플러그인을 쓴게 아니라 각 슬라이드를 담당하는 함수들을 만들어놓고 그 안에서 제이쿼리의 animate 메소드로 일일이 대상 객체들에 효과를 줬네요.
저렇게 하드코딩하셔도 되고, 일반적인 슬라이드 라이브러리를 찾아서 그 라이브러리가 제공하는 이벤트 api를 이용하셔도 되겠죠.
답변을 작성하시기 전에 로그인 해주세요.
