Question

我的网站上安装了Fancybox 2.0，略微修改，看起来像Facebook图像预览框。我希望有一个Fancybox的第二个“实例”，但它的位置不同。我的图像预览Fancybox（当前实例）应该是从顶部开始的20px（就像现在一样），但是我的共享对话框Fancybox（第二个实例）应该是450像素×300像素（尺寸仅用于示例目的，我还没看过）在它的深度）并位于页面的中心（如Fancybox默认）。这可能吗？如果是这样，怎么样？

Answer 1

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

第一个fancybox ues ..

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

给你定位..

动态设置位置...... 你需要做两件事...... 答：在document.ready（）函数之前添加一个javascript B：在超链接中添加一个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

我可以有两个Fancybox 2.0实例吗？

2 个答案: