백그라운드이미지 애니메이션

$(document).ready(function(){
    /**
     * 백그라운드 이미지의 애니메이션 화
     *
     *  - SECTION: 반복되는 이미지 구간 넓이
     *  - WIDTH: 이미지 전체 넓이
     *  - TIME: 애니메이션 속도
     *
     */
    
     // 생성
     $.fn.aniJin = function (SECTION, WIDTH, TIME){
         var $this = $(this); // 대상 설정
         if(!TIME) {TIME = 200;} // default 값 설정
 
         var repeat = setInterval(function(){
             var bpx = parseInt($this.css("backgroundPositionX")); // 백그라운드의 현재 위치값
             $this.css({
                 backgroundPositionX: "-=" + SECTION
             }); // 반복되는 구간 만큼 백그라운드 이동
             if (bpx <= -(WIDTH-SECTION*2)) {
                 clearInterval(repeat);
             } // 종료시점 설정
         }, TIME);
     };
    
     // EX
     $(".blossom2").aniJin(550, 8800, 200);
     $(".blossom3").aniJin(630, 13860, 180);
     $(".blossom4").aniJin(480, 8640, 200);
});