2014-10-01 65 views
1

我正在使用fancybox 2.1.5,并且我试图在弹出窗口之前调整图像的模式大小。它似乎没有按预期工作,图像似乎没有调整大小。我不知道我做错了什么:Fancybox在加载时调整大小无法正常工作

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/

回答

0

我使用的是旧,不建议使用功能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' 变化

感谢。

+1

备案:'beforeLoad'是**不是**弃用的回调,仍然是v2.1.5的有效API选项[参见文档](http://fancyapps.com/fancybox/#docs)(“callbacks “tab”)'beforeLoad'和'beforeShow'用于不同的事件:'this.width'不会在'beforeLoad'里面工作,因为你试图将一个属性设置为一个未加载的元素。 – JFK 2014-10-01 17:52:49

+0

啊,谢谢你的探索! – EHerman 2014-10-01 19:16:04

相关问题