Всплывающее окно

Как реализовать всплывающее окно при клике на ссылку

  1. Добавляем ссылку

<a href="#window" id="link" rel="fancybox">Пример</a>

2. Добавляем содержимое окна

Это может быть текст, картинка или видео

<div style="display: none; ">

<div id="window">Пример всплывающего окна</div>

</div>

3.  Добавляем скрипт, который выводит окно с указанными параметрами отображения

<script type="text/javascript">

    $(document).ready(function () {

        $('#link').fancybox({

            'titleShow': false,

            'overlayOpacity': 0.5,

            'showCloseButton': true

        });

    });

</script>

Готово!

Полный список параметров: 

http://fancybox.net/api