웹솔루션개발 22년 노하우! 해피CGI의 모든것

[해피CGI][cgimall][jQuery] jQuery 글라이더 플러그인 본문

웹프로그램밍 자료실/JAVA 자료

[해피CGI][cgimall][jQuery] jQuery 글라이더 플러그인

해피CGI윤실장 2017. 2. 10. 09:27

자동 스트롤




좌우 이동 및 페이지 포인트 출력



한화면에 여래개를 출력 하는등 다양하게 표현가능합니다.




glider.js 파일과 jquey 를 이용해 표현하고 있습니다.

페이지에서 jquery와 glider.js 파일을 호출 스크립트를 삽입하고
아래와같이 적용하기만 하면 됩니다.




DIV 코드에 위와 같이 DIV의 element로 사용하시면 됩니다.
사용은 아래와같이 사용가능합니다.


자세한 소스 및 참고 내용은 소스를 확인하시면 됩니다.



Autoplay: data-glider-autoplay

Autoplay (RTL): dir="rtl" data-glider-autoplay

Controls: data-glider-controls

Controls (RTL): dir="rtl" data-glider-controls

Autoplay & Controls (LTR)


 

Autoplay & Controls (RTL)

Multiple Slides data-glider-multiple="40%"

Multiple Slides (RTL) dir="rtl" data-glider-multiple="40%"

"2" Multiple Slides data-glider-multiple="2"

"2" Multiple Slides (RTL) dir="rtl" data-glider-multiple="2"

Autoplay & Self-Defined Controls

Autoplay & Self-Defined Controls (RTL)

 

홈페이지바로가기 

Comments