2014-10-01 101 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

相關問題