PLUGIN

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

highImageLoader_1.0.js

많은 양의 이미지를 스크롤의 위치에 따라 차례로 로딩 시키는 플러그인

사용법

<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 : 스크립트를 복사 그리고 붙여넣기 합니다.

 

 
 
 
 
 
Install
 

1. Line16 ~ 26 : Add loadsrc. Enter the image address.
 
2. Line1 : Install and Connect the jQuery.
 
3. Line2 : Register the domain after using the plug-in. Copy and paste code.
 
4. Line5 ~ 10 : Copy and paste the script.

 
 
 
 
 
 
※ 플러그인 문의는 CONTACT US를 이용해 주세요.