如何在浏览器宽度的90%显示fancybox而不是100%?

时间:2011-11-28 06:43:50

标签: jquery fancybox

我使用Fancybox插件在点击时以全屏显示图像。有没有办法只显示90%宽度和90%高度而不是全屏?

我还必须使用哪个类和所有类/ div来设置Fancybox的样式?

2 个答案:

答案 0 :(得分:0)

以fancybox.net网站为参考,以下是您可以应用以获得90%×90%花式框的样式:

注意:在加载插件的本机CSS文件后应用这些 - 以覆盖默认值。

#fancybox-overlay {
  position: fixed;
  top: 5%;
  left: 5%;
  width: 90%;
  height: 90% !important;
}

#fancybox-wrap {
  position: fixed;
}

免责声明:我没有对此进行任何测试。样式/ id可能需要一些调整。

答案 1 :(得分:0)

如果你看一下花哨的api,有一些选择:
我不知道这是否有效,但我认为很容易通过js重新计算百分比。

padding     10  Space between FancyBox wrapper and content
margin  20  Space between viewport and FancyBox wrapper

http://fancybox.net/api

但是也可能有css的解决方案;)