Фотогалерея на сайте

Фотогалерея на сайте В случаи создания сайта, который содержит фотографии и основной задачей которого является познакомить своих посетителей со своей «картинной галереей» необходимо приложение, чтобы в полном объеме исполняло возложенные на нее функции.
В Интернете, существует множество вариантов решения этой задачи, но как правило, предлагаемые приложения показывают одиночную картинку в полном размере и только ту, которая находится в маленьком размере. Но как добиться того, чтобы установленное приложение показывало как одиночную, так и все картинки, фотографии, которые имеют общее название или относятся к одной категории?

GreyBox

Если нужно показать посетителю сайта не только одиночную, а также несколько фотографий, которые раскрывают один сюжет, общую тему, то для решения этой задачи, воспользуйтесь GreyBox-ом.
Demo можно посмотреть здесь

Как GreyBox установить на сайт? Ниже приведена пошаговая инструкция установки приложения. И так,
--- Загружаем последнюю версию GreyBox с официального сайта проекта или же с сайта darkghost.org.ua.
--- В распакованном архиве находим директорию greybox и помещаем ее в корень сайта.
--- Далее добавляем в шаблон сайта код, помещая его между html-тегами <head>:

<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" />
...
</head>


Чтобы начать использование GreyBox у себя на сайте нужно поместить на сайт две версии картинки (полную и уменьшенную).
Для одиночного показа картинки html-ссылка будет иметь следующий вид:
html-ссылка, для красивого вывода одиночной картинки с помощью GreyBox:

<a href="/images/test.jpg" rel="gb_image[]"><img src="/images/test_t.jpg" /></a>


для просмотра группы фотографий, представленную ссылку нужно видоизменить - указать категорию - название категории картинок, в пределах которой будет происходить перемещение. Название категории указывается заглавными английскими буквами для тех картинок, между которыми осуществляется навигация:

<a href="/images/Jenna_Dewan1.jpg" rel="gb_imageset[CATEGORY]"><img src="/images/Jenna_Dewan1_t.jpg" /></a> <a href="/images/Jenna_Dewan2.jpg" rel="gb_imageset[CATEGORY]"><img src="/images/Jenna_Dewan2_t.jpg" /></a>


Вот и все! Но что еще стоит добавить так это то, что GreyBox может показывать не только картинки, но и целые веб-страницы. Для этого, запишите html-ссылку в следующей форме:

<a href="http://adminway.ru/" title="Путь админа" rel="gb_page_fs[]">Мой сайт!</a>



Похожие материалы

Файл sitemap.xml

Файл sitemap.xml

Файл с информацией о страницах сайта для поисковых систем. Он оказывает помощь поисковым системам в сканировании и индексировании страниц сайта

Возможности файла .htaccess

Возможности файла .htaccess

htaccess – это текстовый файл с волшебными возможностями. Полезный для сайта и очень прост в обслуживании

Поисковые системы

Поисковые системы Интернета

Как работает поиск в Интернете? Характеристики и основные принципы работы систем поиска в Интернете.



Яндекс.Метрика
  PR-CY.ru