[해피CGI][cgimall] 페이지 책장을 넘기듯한 효과 jquery 효과 booklet

 

 

jquery 버전 2.1.0 에서 최적화된 소스로 본 소스내에

<script src="booklet/jquery.easing.1.3.js"></script>
<script src="booklet/jquery.booklet.latest.min.js"></script>

라는 booklet 고유 jquery 소스를 적용하고,

핵심소스인

$(function() {
    //single book
    $('#mybook').booklet();

    //multiple books with ID's
    $('#mybook1, #mybook2').booklet();

 

    //multiple books with a class
    $('.mycustombooks').booklet();
});


값을 이용한 다양한 option 을 적용하여 효과적인 UI 를 구현할 수 있습니다.

https://builtbywill.com/booklet/#/documentation

위 링크를 통해 다양한 옵션설정을 확인할 수 있으며,

https://builtbywill.com/booklet/#/demos

링크를 통해 본 소스에 다양한 효과를 반영한 demo 소스를 확인할 수 있습니다.