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, нужно сделать несколько шагов:

  1. Скачать архив плагина, распаковать на сервер (например в корень сайта)
  2. Указать путь к библиотеки jQuery, к css стилю и самому плагину Forisbox(ниже пример)
  3. <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>

  4. Прописать в ссылках соответствующие классы
    (зависит от того, что бы вы хотели открывать с помощью 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 используя файл стилей и соответствующие изображения.

Скачать Forisbox

Скачать (392Kb)
(последнее обновление 04.08.2010)

Темы

темы forisbox
Если вы создали тему для Forisbox и хотите поделиться ей, то вы можете добавить свою тему в каталог, с указанием своего сайта и имени.

Живой пример галереи на странице

  • Терпеливая игуана

    Терпеливая игуана

  • Желтый питон

    Желтый питон

  • Котенок Соня

    Котенок Соня

  • Спящий долматинец

    Спящий долматинец

  • Маленькая Галатея

    Маленькая Галатея

  • Кошка Соня, уже взрослая

    Кошка Соня, уже взрослая

Комментарии

Отправить комментарий

Содержание этого поля является приватным и не предназначено к показу.
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Строки и параграфы переносятся автоматически.

Подробнее о форматировании

Партнерская программа 8088