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

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

来源

2012-01-07 Nathan Bunn

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

的唯一模式对话框我已经看到了这样做是jQuery的工具叠加 - http://jquerytools.org/demos/overlay/multiple.html

来源

2012-01-07 20:50:37 JFK

是你可以... 我做到了我的网站上..

第一的fancybox的UE ..

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

来定位你框..

动态设置的位置... 你需要做两东西... A：在document.ready（）函数前添加一个javascript B：在你的超链接中添加一个onclick ...

所以当有人点击链接时，它会改变css前fancybox出现..

的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')">

（这会告诉你在右上角的框）

来源

2012-11-18 16:22:52 yshen

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

回答

相关问题