可以给我两个Fancybox 2.0的实例吗

Question

我的网站上安装了Fancybox 2.0，经过轻微修改，看起来像Facebook的图像预览框。我想拥有Fancybox的第二个"实例"，但它的定位不同。我的图像预览Fancybox（当前实例）应该是离顶部20像素（目前是这样），但我的共享对话框Fancybox的大小应该是450像素乘300像素（尺寸仅用于示例目的，我没有深入查看），并位于页面的中心（Fancybox默认为）。这可能吗？如果是，如何？

Answer 1

是的，你可以。。。我是在我的网站上做的。。

第一个幻想盒。。

.fancybox-wrap {
margin: Xpx 0 0 Ypx;
}

定位你的箱子。。

以动态设置位置。。。你需要做两件事。。。A： 在document.ready（）函数之前添加一个javascriptB： 在超链接中添加onclick。。。

因此，当有人点击链接时，它会在fancybox出现之前更改css。。

java脚本如下（我从网上得到，它是一个动态更改CSS值的函数）

    function css(selector, property, value) {
for (var i=0; i<document.styleSheets.length;i++) {//Loop through all styles
//Try add rule
try { document.styleSheets[i].insertRule(selector+ ' {'+property+':'+value+'}',
document.styleSheets[i].cssRules.length);
} catch(err) {try { document.styleSheets[i].addRule(selector, property+':'+value);} catch(err)
{}}//IE
}
}

超链接示例：

<a class="fancybox fancybox.iframe" href="showmybox.html"  onclick="css('.fancybox-
wrap', 'margin', '-100px 0 0 250px')">

（这将显示右上角的框）

Answer 2

我认为默认情况下不可能同时拥有两个fancybox""实例（版本2和以前版本）。如果你擅长jQuery，你可以尝试修改原始脚本（但这就像重新发明轮子一样）。

我看到的唯一一个模态框是jQuery Tools Overlay-http://jquerytools.org/demos/overlay/multiple.html