2013-03-13 52 views
2

Fancybox 1.3.4 JS附帶我的Wordpress主題,Gridlocked。一切工作正常,但lightbox彈出窗口對於屏幕來說太大了。如果需要永久適合屏幕,我希望圖像縮小。如何使Fancybox 1.3.4適合用我的Wordpress主題屏幕?

看看Fancybox網站的說明,似乎我想設置「autoscale:true」來解決這個問題,無論是PHP還是JS文件本身。隨主題提供的JavaScript文件已將此設置爲true,但不起作用。我不知道在所有的主題PHP文件,我應該嘗試包括參數。有什麼建議麼?

+0

這很難說是沒有實際看到任何問題。如果您與我們分享鏈接,也許會更好,因此我們可以找出問題所在。 – 2013-03-13 02:44:06

+0

http://portfolio.brickwilson.com是我的網站 – 2013-03-13 02:54:17

回答

4

fancybox的初始化在jquery.custom.js完成。 你可以發現有以下幾行:

function tz_fancybox() { 
    if(jQuery().fancybox) { 
     jQuery("a.lightbox").fancybox({ 
      'transitionIn' : 'fade', 
      'transitionOut' : 'fade', 
      'speedIn'  : 300, 
      'speedOut'  : 300, 
      'overlayShow' : true, 
      'autoScale'  : false, 
      'titleShow'  : false, 
      'margin'  : 10, 
     }); 
    } 
} 

tz_fancybox(); 

更改爲:

function tz_fancybox() { 
    if(jQuery().fancybox) { 
     jQuery("a.lightbox").fancybox({ 
      'transitionIn' : 'fade', 
      'transitionOut' : 'fade', 
      'speedIn'  : 300, 
      'speedOut'  : 300, 
      'overlayShow' : true, 
      'autoScale'  : true, 
      'titleShow'  : false, 
      'margin'  : 10, 
     }); 
    } 
} 

tz_fancybox(); 
+0

這工作!非常感謝,我永遠不會找到它。 – 2013-03-13 03:08:08

+0

謝謝,這正是我需要的。 – Carlos 2015-01-27 18:22:42