Facebox - как уже упоминалось выше - позволит вам сделать это.
Чтобы еще немного расширить, всплывающие диалоги, как вы описали, создаются с использованием javascript.
Процесс, который вы, скорее всего, ищете, заключается в том, что вы устанавливаете элемент ссылки, указывающий на контент, который вы хотели бы отобразить в диалоговом окне. Обратите внимание на атрибут rel="facebox"
- так мы узнаем, как открыть эту ссылку во всплывающем окне.
<a href="remote.html" rel="facebox">text</a>
Затем вы включаете плагин javascript (и необходимые файлы, такие как библиотека jQuery и файлы плагина css), чтобы обеспечить функцию всплывающего окна. Это должно быть сделано в <head>
вашей страницы.
<script src="jquery.js" type="text/javascript"></script>
<link href="/facebox/facebox.css" media="screen" rel="stylesheet" type="text/css"/>
<script src="/facebox/facebox.js" type="text/javascript"></script>
Теперь вам нужно установить всплывающую функцию, которая будет применяться к ссылке - следующее следует применять в разделе <head>
после указанных выше ссылок или в отдельном файле. В этом фрагменте все ссылки с rel="facebox"
открываются во всплывающем окне.
<script type="text/javascript">
$(document).ready(function(){
jQuery(document).ready(function($) {
$('a[rel*=facebox]').facebox();
});
});
</script>