Эффекты на основе Java Script

Красивое отображение внешних файлов в модальных окнах

Обыкновенный контент (фиксированная ширина) Группирование страниц Ajax форма	<Вернуться в каталог>
	Скопируйте и вставте
	Внутри тега <HEAD> - </HEAD>
	<!-- определяет стили элементов находящихся в выводимых в окнах файлах --> <link rel="stylesheet" href="http://skriptkpbstudio.ucoz.ru/demo_srt/jquery_okna/929/css/layout1.css" type="text/css" media="screen" title="Main stylesheet" charset="utf-8" /> <!-- задаёт стиль окон --> <link rel="stylesheet" href="http://skriptkpbstudio.ucoz.ru/demo_srt/jquery_okna/929/css/prettyPopin1.css" type="text/css" media="screen" charset="utf-8" /> <script src="http://skriptkpbstudio.ucoz.ru/demo_srt/jquery_okna/929/js/jquery-1.3.min.js" type="text/javascript"></script> <script src="http://skriptkpbstudio.ucoz.ru/demo_srt/jquery_okna/929/js/jquery.prettyPopin.js" type="text/javascript" charset="utf-8"></script>
Таблици стилей подробно я разбирать не стал. Если кому то хочется иметь свои стиль окна и элементов отображаемых файлов, он может скачать CSS файлы и внести нужные корректировки.
Внутри тега <BODY> - </BODY> там где у Вас будет ссылки для вызова окон.
<!-- при клике по этой ссылке в окне отобразтся содержимое файла regular1.html --> <p><a href="http://skriptkpbstudio.ucoz.ru/demo_srt/jquery_okna/929/ajax/regular1.html" rel="prettyPopin">Обыкновенный контент (фиксированная ширина)</a></p> <!-- при клике по этой ссылке в окне отобразтся содержимое файла page-1_1.html --> <p><a href="http://skriptkpbstudio.ucoz.ru/demo_srt/jquery_okna/929/ajax/page-1_1.html" rel="prettyPopin">Содержания с страницами</a></p> <!-- при клике по этой ссылке в окне отобразтся содержимое файла form_1.html --> <p><a href="http://skriptkpbstudio.ucoz.ru/demo_srt/jquery_okna/929/ajax/form_1.html" rel="prettyPopin">Ajax форма</a></center></p> <!-- ширина + followScroll:false - при скроллинге окно смещается, true - удерживается в центре странички --> <script type="text/javascript" charset="utf-8"> $(document).ready(function(){ $("a[rel^='prettyPopin']:eq(0)").prettyPopin({width: 550,followScroll:false}); $("a[rel^='prettyPopin']:eq(1)").prettyPopin({width:300}); $("a[rel^='prettyPopin']:eq(2)").prettyPopin({ callback : function(){ alert('This popin has a callback'); } }); }); </script>
Задаём адреса файлов содержимое которые будут выводится в окнах. И в нижнем скрипте задаём(если нужно) размеры окон, условия скроллинга, функции и т.д. Представленные в примере файлы это, как Вы понимаете, просто пример. У Вас будут свои. В файлах можно распологать всё что Вы хотите(только необходимо знать что если в этих файлах есть картинки, Flash или другие элементы имеющие адресс то его лучше задавать в абсолютной адресации). Они обязательно должны иметь кодировку UTF-8(так-же как и файл откуда они вызываются). Файлы можно группировать(пример 2).
И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу. Вы экономите место и время. Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера]. Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь.