Fancybox 2 + CSS - 類不通過

Question

雖然熟悉Fancybox已經成功地使用過很多次，但我遇到了一個問題 - 它會正常啓動，因爲它應該是正常的，大圖像按我的意圖顯示和分組。 。但沒有CSS風格。

腳本和css都應該包含在內（我有雙重檢查，但你永遠不知道..），當你點擊縮略圖時，大圖像顯示居中，然後轉移到右側。

似乎沒有任何CSS類被應用於fancybox元素，可能會導致右移？明顯缺乏造型。看着通過的應該是什麼的fancybox包裹內的圖像Web工具欄的樣式信息，只顯示以下內容：

html > div > div > div..etc.. > img 

我沒有JavaScript的專家，所以如果道歉我只是dense-我做了一些尋找類似的問題，但沒有運氣。

鏈接：http://www.tom-mayfield.com/angelcakes/?what-we-do/weddings.html

在此先感謝任何人，可以幫助。

Answer 1

那麼，fancybox的CSS文件是在那裏，但fancybox的CSS設置不適用於盒子，爲什麼？

您正在加載您的fancybox的CSS像

<link rel="stylesheet" href="http://www.tom-mayfield.com/angelcakes/public/scripts/fancybox2/jquery.fancybox.css" media="print" type="text/css" /> 

但如果設置該屬性：

media="print" 

...它意味着的fancybox的樣式將被應用，只有當（如果）你打印你的文件，這真的沒有道理，是嗎？

只要改變media="print"到media="screen"