javascript - 单击时创建 "box-webpage"

Question

我正在尝试完成一些可能相对简单的事情，但我不知道我会怎么调用它(如果有特定的名称)，因此我的搜索被证明是无用的。

我想要完成的很简单:我有一个基于 Masonry jquery 插件(类似于 http://designshack.net/tutorialexamples/masonry/demos/masonry.html )构建的页面。我想要做的就是当我点击一张特定的图片时，它会创建一个“框”来填满屏幕的一部分，并且可以包含另一个网页(用于描述图片)，同时淡出大部分背景。然后，当我在框外单击时，它会返回到我的所有图片。

我以前见过这个，我敢肯定其他人也见过，但是对于我来说，我记不起要看的例子或如何最好地做到这一点。我在 javascript 或 jquery 方面没有太多经验(这就是我问这个的原因)，但是任何帮助我指出正确方向的帮助，无论是 使用 javascript 还是 html/css ， 会很好。

如果有人确实了解我所描述的内容的要点并且可以更好地解释它，那么非常欢迎您进行编辑..

Answer 1

您需要的是模态窗口。

我知道 twitter bootstrap 已经为此构建了一个非常好的框架:

http://getbootstrap.com/javascript/#modals

如果您不直接使用 Bootstrap ，您也许可以挑选出您需要的东西。