2012-01-18 84 views
1

所以,我想將fancybox的「標題」放在頂部,而不是底部而不會丟失任何功能。Fancybox在頂部的標題

它不應該「超過」頂部的圖片,而是推下圖片並在那裏顯示標題文本。 (因爲它會在底部)

我怎麼用Fancybox 1.4或2做到這一點?

謝謝!

回答

1

在的fancybox的樣式表(jquery.fancybox-1.3.4.css文件),調整爲填充#的fancybox內容:

#fancybox-content { 
    padding: 45px 0 0 0; 
} 

的45像素將使空間您的標題。

然後,請確保您的標題位置在你的配置設置爲over

'titlePosition': 'over', 

最後,添加此選項:

'onComplete': function() { 
    $("#fancybox-title").css({'top':'0px', 'bottom':'auto'}); 
}