FancyBox 与 TwitterBootstrap 模式？

Question

最近的一个项目包含了 FancyBox，总体来说我很满意。一位 friend 建议我将 jQuery 模态插件作为 Twitter Bootstrap 框架的一部分。有谁用过这个插件可以评论一下吗？有什么优点、缺点吗？

Answer 1

对于专业人士来说，我不得不说，由于它已经包含在 Bootstrap 中，因此您可以在整个网站中保持一致的风格，而不需要进行大量修改，或者根本不需要修改。 Bootstrap 模态插件利用 CSS3 转换来提供效果，从而增加了性能的额外提升，加上其微小的尺寸，它是一个非常快速的解决方案。 Bootstrap 模式使用起来很轻松，并且有很好的文档记录，因此您不会迷失方向。

有什么缺点？嗯，你无法控制模态的宽度和位置，因为它是用 CSS 定位在固定容器内的，你必须修改 css 才能适应你的需要，当你需要多个不同大小的时，这可能会变得很难看要在页面中加载的模式。如果不对 js 或 css 进行大量修改，则无法将模式在屏幕上垂直/水平居中。到目前为止，您还无法轻松加载任何其他媒体，例如 iframe/视频/图像，而无需进行黑客攻击或其他操作。我之前提到过 Bootstrap 模式通过使用 CSS3 过渡效果带来的额外好处和性能提升，这是一把双刃剑，因为旧版浏览器不支持这些方法，因此没有演示效果。说到效果，目前只有一种，那就是幻灯片淡入淡出效果，所以没有太多选择(没什么大不了的，但我想我注意到了)。

我会选择 fancybox，更划算， Bootstrap 模式插件还很年轻，在未来的版本中它将 catch 其他插件。