로딩 이미지

로딩 이미지

정한솔 1 6931

2. 압축푸신후 폴더안에 파일   jquery.lazyload.min.js -> /js 폴더에 업로드

                               giphy.gif -> /img 폴더에 업로드

 

3. 쓰시고 계시는 보드스킨에 /skin/board/보드명/view.skin.php 34줄쯤에 아래 소스 추가

 

<script src="<?php echo G5_JS_URL; ?>/jquery.lazyload.min.js"></script>

<script type="text/javascript" charset="utf-8">

$(document).ready(function(){

$("img#lazy").lazyload({

threshold : -200,  // 효과주는부분인데 이효과 말고 다른효과도 꽤 있습니다.

effect : "fadeIn",

});

});

</script>

 

4. /lib/thumbnail.lib.php 파일에서 아래코드 수정

 

423줄

 

$thumb_tag = '<img'.$itemprop.' src="'.G5_URL.str_replace($filename, $thumb_file, $data_path).'" alt="'.$alt.'" class="img-tag '.$class.'"'.$img_attr.'/>';

 

윗부분을 아래소스로 변경

 

$thumb_tag = '<img'.$itemprop.' src="'.G5_URL.'/img/giphy.gif" data-original="'.G5_URL.str_replace($filename, $thumb_file, $data_path).'" alt="'.$alt.'" id="lazy" class="img-tag '.$class.'"'.$img_attr.'/>';

1 Comments
[시스템] 2016.11.09 22:14  
자동 댓글입니다.

바르고 고운 말을 사용합시다!