2012-01-12 34 views
0

我想禁用花式箱庫的自動調整大小和其寬度和高度設置爲一個固定值,我嘗試沒有成功更改設置,自動調整工作不花哨的箱2畫廊

<script type="text/javascript"> 
    $(document).ready(function() { 
     $(".fancybox-thumb").fancybox({ 
      prevEffect: 'none', 
      nextEffect: 'none', 
      autoSize: false, 
       fitToView: false, 
      width: 350, 
       height:400, 
      helpers: { 
       title: { 
        type: 'outside' 
       }, 
       overlay: { 
        opacity: 0.8, 
        css: { 
         'background-color': '#000' 
        } 
       }, 
       thumbs: { 
        width: 100, 
        height: 100 
       } 
      } 
     }); 

任何想法如何覆蓋默認的大小和高度,

感謝

+0

您是否嘗試在初始化fancybox之後設置css屬性? – 2012-01-12 11:43:51

+0

不適用於其online添加內聯樣式 – 2012-01-12 11:47:08

回答

0

設置API選項fitToViewfalse

autoSize爲「inline」,「ajax」和「html」,其中被自動確定widthheight(尺寸從傳入內容截取)的內容類型。

在另一方面,請記住,圖像既可以顯示,以適應視口(fitToView: true),或在原來的大小,而不管這是否大於視(fitToView: false)大於或不....但除了上述之外沒有其他大小(就像通過html或css調整圖像大小一樣,這是一種不好的做法)。

如果你想讓你的圖像以相同大小的fancybox顯示,那麼你必須將它們放在容器中並使用ajax,inline或者html類型。