작업실

배경화면에 눈 내리게 만들기

우성군 0 2881 0

 

위 스샷처럼 배경에 눈 내리게 만드는 방법입니다.

 

http://amina.co.kr/bbs/board.php?bo_table=tip&wr_id=2743 

 

위 링크를 참조하였습니다.

 

 

http://blog.platinastudio.com/jquery-snow-falling-effect-plugins/ 

 

위 링크에서 2번째 방법으로 진행했습니다.

 

 

데모는 여기(링크)에서 확인하실 수 있구요.

 

 

적용하는 방법은

 

1. js 파일 다운받기

 

http://dj50.ro/jsnow.php 

 

위 링크에 들어가서 밑에 있는 내용을 다 긁어서 snow.js 파일로 저장합니다.

 

또는 여기 게시물의 첨부파일(snow.js) 을 다운 받아주세요.

 

 

2. js 파일 서버에 설치하기

 

저는 미소 베이직 테마를 사용하고 있어서 해당 테마의 js 폴더에 넣어줬습니다. (/thema/Miso-Basic-4/assets/js )

 

 

3. head.php에 소스 넣어주기

 

/thema/Miso-Basic-4/head.php 에서

 

최상단에

 

<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가 
include_once(THEMA_PATH.'/assets/thema.php');
?>
 
<?php if(!G5_IS_MOBILE) {?>
<script type="text/javascript" src="<?php echo THEMA_URL;?>/assets/js/snow.js"></script>
<script>
$(document).ready( function(){
    $.fn.jSnow();
});
</script>
<?php } ?>
 

 

위와 같이 넣어줬습니다.

 

모바일에서는 어짜피 배경화면이 보이지 않기 때문에 PC버전에서만 보이게 했습니다.

 

끝났습니다 ^^ 참 쉽죠?

, , , , ,

0 Comments