Fancybox在加载时调整大小不正常

Question

我正在使用fancybox 2.1.5，我试图在弹出图像之前调整图像的大小。它似乎没有按预期工作，图像似乎没有调整大小。我不确定我做错了什么：

jQuery(document).ready(function() {
    jQuery( '#content' ).find( 'img' ).each(function() {
        jQuery(this).parent( 'a' ).fancybox({   
            type: 'image',
            autoSize : false,
                beforeLoad : function() {         
                    this.width  = 300;  
                    this.height = 150;
                }
        });
    });
});

工作小提琴：

http://jsfiddle.net/1a02ehua/1/

Answer 1

我使用的是旧的，已弃用的函数beforeLoad，它适用于Fancybox 2.1.5之前的版本。经过一些调整后，新的，有效的功能如下：

jQuery(document).ready(function() {
    jQuery( '#content' ).find( 'img' ).each(function() {
        jQuery(this).parent( 'a' ).fancybox({   
            beforeShow : function() {         
                this.width  = 500;  
                this.height = 300;
            }
        });
    });
});

请注意'beforeShow'更改

感谢。