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插件。