jquery - 两种不同的 FancyBox 风格

Question

我是 JQuery 和 Fancybox 的新手，所以请具体回答。我正在尝试在具有透明背景的绝对定位的 FancyBox 中加载内容。此框不应关闭。

我在页面上还有打开带有 .PDF 内容的 FancyBox 的链接。

两者都是独立工作的。我需要他们一起工作。

我需要知道如何控制每个的样式。我能找到的唯一引用是在这个页面的底部:http://www.givegoodweb.com/post/125/sizing-and-positioning-fancybox ，但就我目前的知识而言，这个答案不够具体。

据我所知，#page-1 #fancybox {etc...} 在 CSS 中并且与具有 ID ="page-1"的标签相关。

我需要 HTML 代码、CSS 和 FancyBox 代码的示例。可以很短。

提前感谢大家的帮助。

Answer 1

Fancybox 有一个defaults 选项

defaults: {wrapCSS: 'fancybox-default'}

将 wrapCSS 选项添加到您的 fancybox 调用中。查看 Fancybox documentation