본문 바로가기
퍼블리싱

책넘기는 효과 제이쿼리 플러그인

by lionbum 2020. 12. 29.

제이쿼리 플러그인  - BOOKLET

웹사이트

 

소책자, 브로슈어, 신문, 기업 홍보물 등에 종종 쓰이는 책장 넘기는 효과. 

제이쿼리로 만들어져서 모바일에서도 볼 수 있다는 장점이 있다. 

 

 

라이센스

 MIT 라이센스로  수정, 배포가 자유로우며 실무 혹은 상업적으로 이용 가능

( *단 저작권 표시및 허가 표시를 소프트웨어의 복제물 또는 중요한 부분에 기재한다) 

 

 

 

사용방법

 

HTML

<!--
헤더에 제이쿼리최신 파일 소스 추가,
jquery.easing.1.3.js 파일 추가해주고
jquery.booklet.latest.min.js 파일을 추가해준다.
-->


<div id="mybook">
     <div>
         <h3>Yay, Page 1!</h3>
     </div>
     <div>
         <h3>Yay, Page 2!</h3>
     </div>
     <div>
         <h3>Yay, Page 3!</h3>
     </div>
     <div>
         <h3>Yay, Page 4!</h3>
     </div>
 </div> 
 
 
 
 <script>
 $(function() {
    $('#mybook').booklet({
        keyboard: true
    });
});
</script>

 

 

 

 

홈페이지를 방문하거나 데모를 다운 받으면  다양한 효과를 확인 할 수 있다. 

너비/높이/속도/읽는방향,속도/페이지순서,패딩/그림자/자동시작/탭/화살표...등등 여러가지 옵션들을 선택 가능

 

활용 샘플 : 서울여자 간호대학 브로셔

 

 

 

다운로드 

2021-07-30 홈페이지 다운로드 파일 - v.1.4.4. 파일 

booklet-master.zip
1.60MB

다운로드 받으면 index.html 파일은 제대로 안열리는거 같은데

기능은 그대로 작동하하는 듯.. ㅠ  

 

 

 

MIT 라이센스

더보기

- MIT 라이센스란 수정, 배포가 자유로우며 실무 혹은 상업적으로 이용 가능한 라이센스

- MIT 라이센스는 소프트웨어를 누구라도 무상으로 제한없이 취급해도 좋다는 의미

- MIT 라이센스는 저작권 표시 및 이 허가 표시를 소프트웨어의 모든 복제물 또는 중요한 부분에 기재해야 합니다

- MIT 허가서는 매사추세츠 공과대학교(MIT)를 기원으로 하는 소프트웨어 라이선스 중 가장 대표적인 것으로 X11 License 또는 X License로 표기되기도 합니다

 

 

 

728x90
반응형

댓글