book.js

플러그인 사용을 위해선 도메인을 등록해야 합니다.
플러그인을 설치할 사이트의 도메인을 등록 후 사용법에 따라 이용해 주세요.

book.js

제이쿼리를 이용한 책장 넘기는 효과를 구현한 플러그인

사용법

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="//work6.kr/plugin/plugin_link/8"></script>

<style>
      #book{width:800px; height:540px; border:1px solid #eee; margin:50px;}
    #book .page{text-align:center;}
</style>


<script>
    $(function(){
        $('#book').book({
            speed:15,
            bookgb: '#666' 
        });
    });
</script>


<body>
    <div id="book">
        <div class='page'><img src=""></div>
        <div class='page'><img src=""></div>
        <div class='page'><img src=""></div>
        <div class='page'><img src=""></div>
        <div class='page'><img src=""></div>
        <div class='page'><img src=""></div>
    </div>
</body>

 

 

 

 

설치방법

 

1. Line1 : 제이쿼리를 설치 및 연결 합니다.


2. Line2 : 플러그인 사용하기 후 도메인을 등록 합니다. 코드를 복사 그리고 붙여넣기 합니다.


3. Line21 ~ 28 : html을 복사 그리고 붙여넣기 합니다. 기본 양식입니다.


4. Line5 ~ 6 : 스타일을 복사 그리고 붙여넣기 합니다. 웹사이트에 맞게 수정합니다.


5. Line12 ~ 15 : 스크립트를 복사 그리고 붙여넣기 합니다.


6. Line13 : 페이지 넘기는 속도를 조절합니다. (추천 값 = 15)


7. Line14 : 페이지의 맨 앞장과 맨 뒷장의 배경을 지정 합니다.

 

 
 
 
 
 
Install
 

1. Line1: Install and connect to Jquery.


2. Line2: Register the domain after using the plug-in. Copy and paste code.


3. Line21 ~ 28: Copy and paste html. The default form.


4. Line 5 ~ 6: Copy and paste the style. Modify it to fit your website.


5. Line12 ~ 15: Copy and paste the script.


6. Line13: Adjusts the page turning speed. (Recommended value = 15)


7. Line 14: Specifies the background of the beginning and end of the page.