bigbanner.js

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

bigbanner.js

작은 사이즈의 배너를 크게 확장시켜주는 기능을 구현하는 플러그인

사용법

<style>
    #bigbanner1{width:300px; height:150px; position:relative; overflow:hidden;}
</style>

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

<script>
    $(function(){
        $('#bigbanner1').bigbanner({
            btn:{path:'btnbig.png'}
        });
    });
</script>

<body>
    <div id="bigbanner1">
        <a href="#"><img src="small.jpg"></a>
        <img src="" class="btnbig">
        <div class="areabig">
            <a href="#">
                <img src="big.jpg">
            </a>
        </div>
    </div>
</body> 

 

 

 

 

설치방법

 

1. Line17 ~ 25 : html을 복사 그리고 붙여넣기 합니다.


2. Line5 : 제이쿼리를 설치 및 연결 합니다.


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


4. Line9 ~ 13 : 스크립트를 복사 그리고 붙여넣기 합니다.

 

 

 
 
 
 
 
Install
 

1. Line17 ~ 25 : Copy and paste html.


2. Line5 : Connect the jquery.


3. Line6 : Register the domain after using the plug-in. Copy and paste code.


4. Line9 ~ 13 : Copy and paste the script.