点击后创建“box-webpage”

Question

我正在努力完成一些可能相对简单的事情，但我不知道我会称它为什么（如果有一个特定的名称），因此我的搜索被证明是无用的。

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

我之前见过这个，因为我确信其他人都有，但对于我的生活，我记不起一个例子，或者如何最好地做到这一点。我没有太多使用javascript或jquery的经验（这就是我问这个的原因），但任何帮助指出我正确的方向，无论是是使用javascript还是html / css ， 会很好。

如果有人确实掌握了我所描述的内容，并且可以更好地解释它，那么欢迎你来编辑..

Answer 1

参见this link中的演示，然后您可以相应地修改它。 我希望它会有所帮助。

Answer 2

你需要的是模态窗口。

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

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

如果您没有直接使用引导程序，则可以选择所需的内容。