fancyBox選項沒有任何效果

-1

任何人都可以告訴我什麼是錯誤的下面的代碼？我已經能夠讓fancyBox馬上工作，但無論我做什麼，選項都沒有效果，甚至沒有高度和寬度。它只是保持相同的默認外觀..我試圖設置一個選項，沒有任何影響的外觀。fancyBox選項沒有任何效果

$(".covers").fancybox({ 
'autoSize': false, 
'height': 300, 
'width': 400, 
'closeClick': true, 
'openEffect': 'elastic', 
'closeEffect': 'elastic' 
});

在此先感謝...

來源

2013-09-23 John Rose

你包裹.ready()方法內你的fancybox代碼？

如果您打開圖像，autoSize,width和height將不適用於它們，因爲它們的大小會自動計算。這些選項是iframe，inline或ajax內容（設置，可能還需要fitToView到false）

$(document).ready(function() { 
    $(".covers").fancybox({ 
     autoSize: false, // doesn't work with images 
     height: 300, // doesn't work with images 
     width: 400, // doesn't work with images 
     fitToView: false, // if you require exact size (400x300) 
     closeClick: true, 
     openEffect: 'elastic', 
     closeEffect: 'elastic' 
    }); 
});

除此之外，您的代碼工作正常，看jsfiddle（見彈性打開/關閉的影響和關閉，當點擊裏面的內容）

來源

2013-09-23 06:19:50 JFK

謝謝你的回覆..所以我如何設置圖像的大小，將在fancybox打開？它們是非常大的圖像，並將fitToView設置爲false將其展開爲超出頁面約束。將它保留下來幾乎可以覆蓋整個頁面，但並不是沒有吸引力，但我希望它們看起來稍小一點，但保持DVD封面的縱橫比。我不想縮小它們，因爲我希望人們能夠點擊並下載它們，如果他們想要的話。 –

@JohnRose：你可以做這個http://stackoverflow.com/a/17245491/1055987 – JFK

，但沒有奏效，但是謝謝，因爲做了什麼工作是類似的...將maxHeight設置爲75％，並將fitToView設置爲false ..Hooray –

fancyBox選項沒有任何效果

回答

相關問題