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

<script>
     $(document).ready(function(){
         $('body').highImageLoader({
             interval:1,
             control:400
         });
     });
</script>

 

<div class="list">
         <div><img src="loading.gif" loadsrc='http://work6.kr/skin2018/img/bccmall_201705_mobile.jpg'></div>

         <div><img src="loading.gif" loadsrc='http://work6.kr/skin2018/img/shuk_2017_pc.jpg'></div>

         <div><img src="loading.gif" loadsrc='http://work6.kr/skin2018/img/bccmall_201705_pc.jpg'></div>

         <div><img src="loading.gif" loadsrc='http://work6.kr/skin2018/img/idis_201703_pc.png'></div>

         <div><img src="loading.gif" loadsrc='http://work6.kr/skin2018/img/cado.jpg'></div>

         <div><img src="loading.gif" loadsrc='http://work6.kr/skin2018/img/solution_basic2_design.jpg'></div>
</div>

설치방법

1. Line16 ~ 26 : loadsrc를 추가하여 이미지의 주소를 입력합니다.

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

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

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