<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.