jQuery - >在窗口中打开一个新的小窗口

Question

我有一个网站，并有一个图像。我想要的：如果我点击图像，我想在此窗口内打开一个窗口。我经常用图像看到这一点，我想展示一个更大的尺寸。

我在网站上有一个缩略图，然后通过点击它，背景将变成灰色，图像在网站顶部与大图像打开的图层中打开。

我想要的是相同的，如果可以用jQuery，我想显示一个更大的图像和一些文本。这怎么能用jQuery来完成？

最好的问候。

Answer 1

你想要做的是创建一个modal dialog，它通常只是一个容器，具有适当的CSS，使它坐在页面上的其他HTML的顶部。

有数百个jQuery插件可以做到这一点。下面是描述他们的19一篇文章：

19 jQuery Modal Boxes to Improve your UI - 2009年11月1日

jQuery Modal Box Round Up - 2009年3月16日

Top 10 jQuery Modal Box Plugins - 2009年12月29日

2009年，在今年“我的首选模态对话框“博客文章

---

其中一个我已经使用和喜欢：

• jQuery UI的对话框是非常稳固和可定制：http://docs.jquery.com/UI/Dialog
• 的fancybox是非常简单和容易使用：http://fancybox.net/
• 灯箱2是一个很好的模式：http://www.lokeshdhakar.com/projects/lightbox2/）

Answer 2

你可能在想的lightbox或类似

Answer 3

你正在寻找的东西jquery lightBox plugin。

一些方法来使用它有以下几种：

<script type="text/javascript"> 
$(function() { 
    // Use this example, or... 
    $('a[@rel*=lightbox]').lightBox(); // Select all links that contains lightbox in the attribute rel 
    // This, or... 
    $('#gallery a').lightBox(); // Select all links in object with gallery ID 
    // This, or... 
    $('a.lightbox').lightBox(); // Select all links with lightbox class 
    // This, or... 
    $('a').lightBox(); // Select all links in the page 
    // ... The possibility are many. Use your creative or choose one in the examples above 
}); 
</script> 

欲了解更多信息，请访问上面的链接。

替代方案是prettyPhoto或photo gallery的任何jquery插件。

Answer 4

是的，尝试一个简单的解决方案：Fancybox！尽情享受吧，我确信这将与你想要从你的网站上获得的很长的路要走，并且很容易整合！是的，这需要jQuery，并且具有比原生jQuery灯箱组件更好的功能。

Answer 5

你可以使用http://leandrovieira.com/projects/jquery/lightbox/，这是jQuery插件

Answer 6

您正在寻找类似的ThickBox plugin。转到链接并点击“示例”，然后点击“演示”。

还有LightBox with是另一个jQuery插件。