VisualLightbox JS: бесплатный генератор Lightbox 2 скрипта

Краткое описание

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

Переместите ваши фотографии в окно Visual LightBox, нажмите "Опубликовать", и Ваша собственная галерея с красивым LightBox-эффектом немедленно откроется в окне браузера! Не требуется знания javascript, css, HTML, редактирования изображений. Достаточно только щелчка мышкой, и Ваша галерея готова.

Click to see full size imageClick to see full size image
  Visual LightBox Windows версия   Visual LightBox Mac версия


Характеристика VisualLightbox

  • jQuery или Prototype плагины
  • Постепенное угасание изображений при смене
  • Демонстрация слайдов с функцией автоматического проигрывания
  • Windows и Mac версии
  • Zoom эффект с оверлейной тенью
  • Закругленные углы оверлейного окна
  • Размер больших изображений устанавливается в соответствии с размером окна браузера
  • Много новых тем для Ваших галерей
  • Возможность вращения изображения, а также качественного масштабирования со сглаживанием
  • Автоматическое создание тамбнейлов
  • Добавление заголовка>
  • Встроенный FTP клиент

Пример

Пример Lightbox 2 галереи

Представленная галерея создана при помощи Visual Lightbox. Щелкните мышкой по любому изображению для запуска галереи.


Вы можете также посмотреть 'полностраничную демонстрационную галерею'. Данный пример для показа галереи использует полное окно браузера.

Скачать Visual LightBox

Visual LightBox JS является бесплатной программой для некоммерческого использования.

Символическая плата требуется при необходимости использования Visual LightBox в коммерческих целях. Visual LightBox Business Edition позволяет удалить логотип "VisualLightBox.com" с изображений, а также добавить собственный логотип. После оплаты заказа Вы немедленно по электронной почте получите ключ, при помощи которого из Visual LightBox Free Edition Вы получите Visual LightBox Business Edition. Вы можете выбрать любой подходящий метод оплаты: кредитная карточка, банковский перевод, PayPal и т.д. Также Вы можете получить Visual LightBox Business Edition бесплатно, если Вы можете помочь с переводом Visual LightBox на Ваш родной язык. Пожалуйста свяжитесь с нами для получения дальнейшей информации: Mail.

 

Поддержка пользователей

При обнаружении ошибок в работе программы, возникновении вопросов и пожеланий свяжитесь с технической поддержкой: Mail. Убедитесь, что в письмо включена информация о версии браузера и ОС, которую Вы используете, а также ссылка или необходимый код.

FAQ


Q: Как добавить VisualLightBox галлерею на существующую html страницу?

A: Для того, чтобы установить VisualLightBox галерею на Вашу страницу:

1. Создайте галерею и сохраните ее в любой локальной папке
2. Откройте index.html в любом текстовом редакторе
3. Скопируйте HEAD section код and добавьте его в <head> тег на странице, например:

<head>
...
<!-- Start VisualLightBox.com HEAD section -->
<link rel="stylesheet" href="engine/css/vlightbox1.css" type="text/css" />
<link rel="stylesheet" href="engine/css/visuallightbox.css" type="text/css" media="screen" />
<script src="engine/js/jquery.min.js" type="text/javascript"></script>
<script src="engine/js/visuallightbox.js" type="text/javascript"></script>
<!-- End VisualLightBox.com HEAD section -->
...
</head>

4. Скопируйте BODY section код и добавьте его в <body> тег Вашей страницы, там, где бы Вы хотели установить галерею, например:

<body>
...
<!-- Start VisualLightBox.com BODY section -->
<div id="vlightbox1">
<a class="vlightbox1" href="data/images1/image1.jpg" title="Image1"><img src="data/thumbnails1/image1.png" alt="Image1"></a>
<a class="vlightbox1" href="data/images1/image2.jpg" title="Image2"><img src="data/thumbnails1/image2.png" alt="Image2"></a>
<a class="vlightbox1" href="data/images1/image3.jpg" title="Image3"><img src="data/thumbnails1/image3.png" alt="Image3"></a>
<a class="vlb" style="display:none" href="http://visuallightbox.com">Lightbox Images by VisualLightBox.com v5.1</a>
</div>
<script src="engine/js/vlbdata1.js" type="text/javascript"></script>
<!-- End VisualLightBox.com BODY section -->
...
</body>

5. Скопируйте папку 'data' с изображениями и тамбнейламиба также папку 'engine', содержащую .css and .js файлы в папку со страницей, на которой установлена галерея.

Q: Как удалить логотип VisualLightBox.com c изображений?

A: Бесплатная версия не позволяет удалять логотип VisualLightBox.com.
Необходимо сначала зарегистрировать программу, используя регистрационный ключ, полученный при заказе. После регистрации Вы можете удалить логотип VisualLightBox.com или добавить свой.
Откройте Gallery->Properties->Templates: Watermark.