2012-07-21 122 views
0

我正在尋找一種方法來設置圖像自動高度,但關閉自動縮放因爲當我點擊圖像時第一次顯示它的一半,但是當關閉和點擊它再次顯示真實的圖像。有沒有什麼辦法可以設置高度自動?這是代碼。設置高度:'自動'fancybox

$("a#example2").fancybox({ 
        'autoDimensions': false, 
        'autoScale': false, 
        'width': 650, 
        'height': 650, 
        'overlayShow': true, 
        'transitionIn': 'elastic', 
        'transitionOut': 'elastic' 
       }); 

回答

1

對於圖像,widthheight沒有影響(同樣沒有autoDimensions)。圖像顯示爲「自動縮放」以適合視口(當autoScale設置爲true)或其原始尺寸(當autoScale設置爲false時)。

如果圖像的高度高於視口且autoScale已設置爲false,則可以向下滾動頁面以查看完整圖像。

對於您的情況,請確保您將您的fancybox腳本包裹在ready()方法中。

$(document).ready(function(){ 
$("a#example2").fancybox({ 
    'autoScale': false, 
    'overlayShow': true, 
    'transitionIn': 'elastic', 
    'transitionOut': 'elastic' 
}); 
}); 

你也可以嘗試加入的情況下,選擇"type": "image"你的鏈接看起來像href="domain.com/path/image/?=4635"或者不具有圖像擴展名(JPG,PNG,GIF)