jQuery -> открыть новое окно в окне

Question

У меня есть сайт и есть изображение на нем. Что я хочу: если я нажму на изображение, я хочу открыть окно внутри этого окна. Я часто вижу это с изображениями, я хочу показать в большем размере.

У меня есть миниатюра на сайте, а затем, щелкнув по ней, фон будет серым, а изображение открывается слоем поверх сайта с большим изображением.

Я хочу то же самое, если это возможно с jQuery, и я хочу отображать большее изображение и некоторый текст. Как это можно сделать с помощью jQuery?

С наилучшими пожеланиями.

Answer 1

Что вы пытаетесь сделать, это создать modal dialog, который обычно представляет собой контейнер с соответствующим CSS, который заставляет его сидеть поверх другого HTML-страницы.

Для этого есть сотни подключаемых модулей jQuery. Вот статья, описывающая 19 из них:

19 jQuery Modal Boxes to Improve your UI - Ноябрь 1, 2009

jQuery Modal Box Round Up - 16 марта 2009

Top 10 jQuery Modal Box Plugins - Dec 29, 2009

2009 году, когда из " Я предпочитаю модальные диалоговые»блог

---

Ones Я использовал и как:

• JQuery UI Dialog довольно твердый и настраиваемый: http://docs.jquery.com/UI/Dialog
• FancyBox очень прост и удобен в использовании: http://fancybox.net/
• LightBox 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 или любой плагин jquery для photo gallery.

Answer 4

Да, попробуйте простое решение: Fancybox! Наслаждайтесь, я уверен, что это пройдет долгий путь с тем, что вы хотите от своего сайта, и его легко интегрировать! И да, это требует jQuery и имеет более приятную функциональность, чем собственный компонент лайтбокса jQuery.

Answer 5

вы можете использовать http://leandrovieira.com/projects/jquery/lightbox/, это JQuery плагин

Answer 6

Вы ищете что-то вроде ThickBox plugin. Перейдите по ссылке и нажмите «Примеры», затем «Демо».

Существует также LightBox с альтернативным плагином jQuery.