修改Jquery. fancybox-1.3.4.js文件，重写_draw函数

我正在做一个基于fanybox的画廊-实际上我已经修改了字段来实现我需要的，我已经做到了，我发现的最后一个问题是在这部分代码:

} else {
        fx.prop = 0;
        $(fx).animate({prop: 1}, {
            duration : currentOpts.changeSpeed,
            step : _draw,
            complete : finish_resizing
        });

绘制函数在这里，所以你可以看到:

_draw = function(pos) {
            var dim = {
                width : parseInt(start_pos.width + (final_pos.width - start_pos.width) * pos, 10),
                height : parseInt(start_pos.height + (final_pos.height - start_pos.height) * pos, 10),
                top : parseInt(final_pos.top, 10),
                left : parseInt(final_pos.width, 10)
            };
            if (typeof final_pos.opacity !== 'undefined') {
                dim.opacity = pos < 0.8 ? 0.8 : pos;
            }
            wrap.css(dim);
            content.css({
                'width' : limit.width - currentOpts.padding * 2,
                'height' : limit.height - (titleHeight * pos) - currentOpts.padding * 2
            });
        },

我的问题是如何修改_draw函数，或者如何为NEXT和PREV设置动画函数。同时禁用不透明度。

我需要一个类似于"可滚动"的功能。在fanybox的主图像上(类似于http://jquerytools.org/demos/scrollable/)

所以我就是没法把这件事做完。

有没有其他的方法从花哨的盒子选项?因为我找不到他们。

无论如何，这是原始文件-
http://demo-store.prestashop.com/js/jquery/jquery.fancybox-1.3.4.js

这些是我对line 663所做的更改:

_draw = function(pos) {
            var dim = {
                width : parseInt(start_pos.width + (final_pos.width - start_pos.width) * pos, 10),
                height : parseInt(start_pos.height + (final_pos.height - start_pos.height) * pos, 10),
                top : parseInt(final_pos.top, 10),
                left : parseInt(final_pos.width, 10)
            };
            if (typeof final_pos.opacity !== 'undefined') {
                dim.opacity = pos < 0.8 ? 0.8 : pos;
            }

还有这个(但我不认为这影响它):

$('body').append(
        tmp = $('<div id="fancybox-tmp"></div>'),
        loading = $('<div id="fancybox-loading"><div></div></div>'),
        overlay = $('<div id="fancybox-overlay"></div>'),
        limit = $('<div id="limit"></div>')             
);
wraplimit = $('<div id="wraplimit"></div>').append( limit ).appendTo('body');           
thebox = $('<div id="thebox"></div>').append('<div id="comrigtt"></div>').appendTo( overlay )    
wrap = $('<div id="fancybox-wrap"></div>').append().appendTo( limit );
outer = $('<div id="fancybox-outer"></div>')
.append('<div class="fancybox-bg" id="fancybox-bg-n"></div><div class="fancybox-bg" id="fancybox-bg-ne"></div><div class="fancybox-bg" id="fancybox-bg-e"></div><div class="fancybox-bg" id="fancybox-bg-se"></div><div class="fancybox-bg" id="fancybox-bg-s"></div><div class="fancybox-bg" id="fancybox-bg-sw"></div><div class="fancybox-bg" id="fancybox-bg-w"></div><div class="fancybox-bg" id="fancybox-bg-nw"></div>')
.appendTo( wrap );