jquery.fancybox 1.3.4是個很方便的視窗套件

如果要綁定live的話就必須用$.fancybox呼叫

但是如果綁定live的話elastic就失去作用了

因為無法抓到物件的座標

只要修改幾行就可以自帶物件參數elementToClone

使它可以參考elementToClone的物件座標

使用方法如下面:

$('.ngbox').live('click',function(e)
{
    e.preventDefault()
    $.fancybox
    ({
        'opacity'   : true,
        'transitionIn'  : 'elastic',
        'transitionOut' : 'elastic',
        'elementToClone':$(this),
        'href'          :$(this).attr('href')
    });
});

把_get_zoom_from函氏改成下面這樣就可以了

_get_zoom_from = function() {
    var orig = selectedOpts.orig ? $(selectedOpts.orig) : false,
    from = {},
    pos,
    view;

    if (currentOpts.elementToClone && currentOpts.elementToClone.length) {
        pos = _get_obj_pos(currentOpts.elementToClone);

        from = {
            width : pos.width + (currentOpts.padding * 2),
            height : pos.height + (currentOpts.padding * 2),
            top : pos.top - currentOpts.padding - 20,
            left : pos.left - currentOpts.padding - 20
            };

        }else if (orig && orig.length) {
            pos = _get_obj_pos(orig);

            from = {
                width : pos.width + (currentOpts.padding * 2),
                height : pos.height + (currentOpts.padding * 2),
                top : pos.top - currentOpts.padding - 20,
                left : pos.left - currentOpts.padding - 20
            };
        }else {
            view = _get_viewport();

            from = {
                width : currentOpts.padding * 2,
                height : currentOpts.padding * 2,
                top : parseInt(view[3] + view[1] * 0.5, 10),
                left : parseInt(view[2] + view[0] * 0.5, 10)
            };
        }

        return from;
    }

下面是一些參數設定欄杆