21 Липень 2013
3 734
Рубрика: код

QuickBox 0.3.0 — скрипт для просмотра фотографий

QuickBox — скрипт для увеличения фотографий на сайтах, весит менее 5 кб и ставится в две строки.

UPD 2014-02-14

quickbox

Предлагаю вашему вниманию новую версию QuickBox — это скрипт для просмотра фотографий на сайтах. Вес скрипта менее 5 кб, его установка не требует специальных навыков в программировании.

Скрипт в работе выглядит так:

qb-work

В этой версии переработан и оптимизирован код, изменилась установка.

Что такое QuickBox?

QuickBox — это очень простой js-скрипт, использующий библиотеку jquery. Главная функция скрипта — увеличение фотографий как это показано на примере выше. Для примера работы скрипта я сделал эту страницу с четырьмя картинками. Их может быть любое количество.

Установка

Чтобы подключить скрипт, закачайте файлы из этого архива в любую папку к себе на хостинг и вставьте в тег head перед закрытием такие строки:

<script src="/quickbox/quickbox.js"></script>
<link rel="stylesheet" type="text/css" href="/quickbox/quickbox.css">

Перед подключением убедитесь, что у вас подключён jQuery версии не ниже 1.7.0. Если нет, подключите:

<script src="http://code.jquery.com/jquery-latest.min.js"></script>

Убедитесь, что правильно указан путь к папке с файлами скрипта.

Настройка

Чтобы скрипт увеличивал именно те фотографии, которые нужно, присвойте ссылкам на них класс quickbox. Больше ниего делать не нужно. Вот пример такого кода:

<a class="quickbox" href="01.jpg" title="Без проблем, ты тоже можешь быть вегетарианцем"><img alt="" src="01s.jpg"></a>
<a class="quickbox" href="02.jpg" title="Интересно, в каком банке реально смогут сделать прекрасную?"><img alt="" src="02s.jpg"></a><br>
<a class="quickbox" href="03.jpg" title="Очень старая футболка"><img alt="" src="03s.jpg"></a>
<a class="quickbox" href="04.jpg" title="И правда, зачем пытаться?"><img alt="" src="04s.jpg"></a>

Посмотреть и скачать

Скрипт бесплатный, пользуйтесь им в удовольствие. Пожалуйста, не пытайтесь его продать. Лучше поддержите разработку денежной помощью.

Как всегда, жду ваших комментариев и советов.

Тепер я хочу бачити коментарі 21