2012-07-16 147 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选择器的位置进行播放。