2012-07-16 146 views
0

我有一個加載的iFrame作爲一個畫廊內的HTML頁面一個不錯的FancyBox2實現。更改大小?

不過,我加載在iframe,內容包括鏈接到被「封殺」如果我使用普通的前面和後面的導航,它允許用戶通過所有的庫項目中滑出外部網站。

我怎樣才能改變上/下一個環節覆蓋物的大小,使它們包含左,右頁邊距,這樣我可以公開的內容鏈接到用戶?

OR

另一種方法是,如果有相對於所述的fancybox的頂部,而不是相對於頁面的頂部的按鈕導航條的位置的方法。在這種情況下,我會禁用內部prev/next鏈接和箭頭。

+0

我編輯我的回答覆蓋兩種情形。 – JFK 2012-07-17 16:47:15

回答

0

編輯:如果你想改變上/下一個覆蓋物的大小,添加此CSS在線聲明您加載的fancybox CSS文件:

<style type="text/css"> 
.fancybox-nav { 
    top: 50%; 
    height: 34px; 
    width: 36px; 
} 
.fancybox-nav span { 
    visibility: visible; 
} 
.fancybox-next span { 
    left: auto; 
    right: 0px; 
} 
.fancybox-prev span { 
    left: 0px; 
} 
</style> 

注意,你必須做出箭頭永久可見,否則遊客將無法知道在哪裏懸停。

注意:這是一個的fancybox v2.0.6 +

在另一方面,你不能相對的fancybox的頂部的按鈕導航欄設置,因爲它有一個position:fixed和它的追加到body標籤。

但是,您可以嘗試編輯fancybox-buttons js文件(第69 +/-行)並將其附加到.fancybox-skin選擇器上,然後使用css在#fancybox-buttons選擇器的位置進行播放。