форум общения русскоязычных пользователей CMS Текстпаттерн
Вы не зашли.
Тут у себя на блоге написал статью "Как установить скрипт GreyBox или красивые всплывающие окна у себя на сайте".
Статья, как видно из названия, посвященна установки скрипта GreyBox на Textpattern.
GreyBox позволяет выводить изображения в отдельном окне с прозрачным фоном. Получается очень красивый эффект. В настоящее время очень популярен среди развлекательных сайтов.
Сделать это не просто, а очень просто.
Чтобы установить GreyBox на Textpattern нужно:
1. Загрузить сам скрипт с оф. сайта
2. Далее нужно распаковать архив и папрчку /greybox/ поместить в корень сайта
3. Далее в тег HEAD помещаем код:
<script type="text/javascript"> var GB_ROOT_DIR = "http://Ваш_сайт/greybox/"; </script> <script type="text/javascript" src="/greybox/AJS.js"></script> <script type="text/javascript" src="/greybox/AJS_fx.js"></script> <script type="text/javascript" src="/greybox/gb_scripts.js"></script> <link href="/greybox/gb_styles.css" rel="stylesheet" type="text/css" />
Где не забываем указать url-сайта.
4. Чтобы запостить картинку, при щелчке на которую она красиво увеличивается, нужно разместить в нужном месте код:
<a href="/images/primer.jpg" rel="gb_image[]"><img src="/images/primer_t.jpg" /></a>
Ну пути к картинкам и названия соблюдайте те, которые Вам нужны.
Чтобы запостить две и более картинок с навигацией между ними присваиваем им одинаковую категорию.
<a href="/images/primer1.jpg" rel="gb_imageset[CATEGORY]"><img src="/images/primer1_t.jpg" /></a> <a href="/images/primer2.jpg" rel="gb_imageset[CATEGORY]"><img src="/images/primer2_t.jpg" /></a>
И все!
Немного подробнее и с наглядными примерами можно увидеть у меня на блоге.
Отредактированно itshaman (19-09-2009 19:58:25)
Неактивен