Textpattern - на русском языке

форум общения русскоязычных пользователей CMS Текстпаттерн

Вы не зашли.

#1 19-09-2009 19:56:45

itshaman
слово
Откуда: Омск
Зарегистрирован: 03-06-2009
Сообщений: 395
Вебсайт

Установка скрипта GreyBox

Тут у себя на блоге написал статью "Как установить скрипт 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)


Помогу сделать Ваш сайт лучше! Принимаю Webmoney, PayPal, рубли, доллары, печеньки

Неактивен

 

Board footer

RSS   Rambler's Top100
Powered by PunBB
Textpattern.ru