fancybox2에서 제공하는 overlay 및 loading 이미지 사용방법

fancybox 2.1.2부터 다음과 같이 수동으로 overlay 조작할 수 있다.

// Open using default options
$.fancybox.helpers.overlay.open();
// Pass custom options
$.fancybox.helpers.overlay.open({closeClick : false});
// Close
$.fancybox.helpers.overlay.close();

근데 $.fancybox.helpers.overlay.open(); 를 호출해도 반응이 없다

어떤 개발자가 찾은 차이점을 적용해서 jquery.fancybox.js 를 다음과 같이 수정해서 사용함

... 중략....
F.helpers.overlay = {
... 중략....
    // Public methods
    create : function(opts) {
        //원본
        //this.overlay = $('
').appendTo( F.coming ? F.coming.parent : opts.parent );
        //수정부분
        parent = F.coming ? F.coming.parent : opts.parent;
        this.overlay = $('
').appendTo( parent && parent.lenth ? parent : 'body' );
    ... 중략....
    }
... 중략....

Open/close overlay

$.fancybox.helpers.overlay.open();
$.fancybox.helpers.overlay.close();

Open/close overlay

$.fancybox.showLoading();
$.fancybox.hideLoading();

참고

Opening overlay manually