[jQuery 플러그인] "jQuery oLoader" 간단하게 로딩(Loading) 구현하기

jQuery oLoader 손쉽게 로딩(Loading) 표현하기

Ajax 비동기 통신 시 Progress 나 Loading 을 표현해야 하는 경우가 있는데 만들어서 사용하기에는 쫌 많이 귀찮죠?ㅎㅎ
jQuery oLoader 를 사용하시면 아주 간단하게 만족스러운 로딩(Loading) UI 를 구현할 수 있습니다.

jQuery oLoader lib 추가

jQuery oLoader #1 - 부분로딩

    $('#oLoader').oLoader({
        backgroundColor: '#fff',
        fadeInTime: 500,
        fadeLevel: 0.8,
        style: "
Loading...
",
        imagePadding: 5,
        imageBgColor: '#fe0',
    });

jQuery oLoader #2 - 전체로딩

    $('#oLoader').oLoader({
        wholeWindow: true,
        lockOverflow: true,
        backgroundColor: '#fff',
        fadeInTime: 500,
        fadeLevel: 0.8,
        style: "
Loading...
",
        imagePadding: 5,
        imageBgColor: '#fe0',
        hideAfter: 1500
    });

Example Site

좀 더 자세한 사용방법과 다양한 예제를 확인 하시고 싶으신 분은 아래의 사이트를 방문하세요.

jQuery oLoader Example