Forisbox

Описание
Установка
Настройка
Лицензия на использование
Скачать
Темы для Forisbox
Живой пример

Описание

Этот интересный плагин Forisbox для jQuery, позволит вашему интернет сайту оживиться.
Модальное окно весом всего лишь в 15Kb. дает возможность просматривать jpg, jpeg, png, gif, bmp изображения, а так же Flash и HTML содержимое страниц, как на внутреннем интернет сайте, так и сторонних интернет проектов, без перезагрузки вашего сайта (Ajax)
Скрипт генерирует валидный W3C XHTML код. Поддерживается с библиотекой jQuery не ниже версии 1.3
Имеет совместимость всех популярных браузеров: Internet Explorer 6, 7, 8. Firefox 2,3. Safari 3,4. Opera 9,10. Chrome. Maxton

Установка

Для того чтобы подключить Forisbox, нужно сделать несколько шагов:

Скачать архив плагина, распаковать на сервер (например в корень сайта)
Указать путь к библиотеки jQuery, к css стилю и самому плагину Forisbox(ниже пример)

<script type="text/javascript" src="/js/jquery.min.js"></script> <link type="text/css" rel="stylesheet" media="all" href="/forisbox/themes/default/forisbox.css" /> <script type="text/javascript" src="/forisbox/js/jquery.forisbox.pac.js"></script>

Прописать в ссылках соответствующие классы
(зависит от того, что бы вы хотели открывать с помощью Forisbox)

Настройка

Что хотим просмотреть с помощью Forisbox	Что нужно прописать для этого в ссылке	Пример
Одиночное изображение (jpg, jpeg, png, gif, bmp)	<a href="image.jpg" class="forisbox">ссылка</a>	пример
Галерея из нескольких изображений	<a href="image.jpg" class="forisbox-g">ссылка</a>	1 2 3
Галерея с автозапуском слайдшоу	<a href="image.jpg" class="forisbox-ga">ссылка</a>	1 2 3
Одиночное изображение на 90% от размера экрана	<a href="image.jpg" class="forisbox-fix">ссылка</a>	пример
Галерея из нескольких изображений на 90% от размера экрана	<a href="image.jpg" class="forisbox-gfix">ссылка</a>	1 2 3
Галерея из нескольких изображений на 90% от размера экрана, с автозапуском слайдшоу	<a href="image.jpg" class="forisbox-gfixa">ссылка</a>	1 2 3
Flash файл flv	<a href="flashfile.flv" rev="450" rel="700" class="forisbox-f">ссылка</a> (rev - высота, rel - ширина)	пример
Flash видео	<a href="http://www.youtube.com/v/pU_Y0QKimGM" class="forisbox-y">ссылка</a>	пример
Динамическая или статическая HTML страница	<a href="file.html" class="forisbox">ссылка</a>	пример
Внутренний скрытый контейнер внутри страницы (Inline HTML)	<a href="#" class="forisbox-h" rel=".hide1">ссылка</a> <div style='display:none'> <div class='hide1'> Этот текст который нужно открыть в Forisbox окне </div> </div>	пример
Внешний интернет сайт	<a href="http://www.vsemerke.ru" class="forisbox-w">Сайт</a>	пример

Лицензия на использование Forisbox

Этот продукт распространяется с упакованным исходным кодом.
Вы можете использовать forisbox на любых сайтах без ограничений.
Вы можете самостоятельно создавать темы для forisbox используя файл стилей и соответствующие изображения.