Особенности галлереи
- Галерея на jQuery
- Настраиваемый дизайн
- Элементы управления
- Скорость - предзагрузка изображений
- Бесплатность для личного пользования
- Закруглённые настраиваемые углы
- Две разновидности галереи(с/без рейтинга)
- Поддержка большинством браузеров
- pngFIX устраняет баги в IE 6-8 версии
jQuery
В основе галереи лежит популярный фреймовик jQuery, галерея использует наиболее востребованные и быстрые методы jQuery.Легкая смена дизайна
Элементы галереи способны изменяться под любой дизайн. К сожалению только цвет меняется. В дальнейшем будут добавлены дополнительные возможности.Предзагрузка изображений
Во время загрузки изображения, по которому был произведен щелчок, не заметно для пользователя будут подгружать смежные изображения, что обеспечит их быструю выгрузку в дальнейшемПочти бесплатно
Коммерческое использование галереи,то есть использование в проектах, основной целью которых является получение прибыли, является платным, во всех иных случаях бесплатнымУголки!
В отличие от других галерей, закругуленные углы создаются на основе элемента canvas, что избавляет вас от проблем прозрачности, связанных с pngБраузеры
Галерея поддерживает большинство браузеров - Internet Explorer 6 - 9, FireFox 3-4, Opera 8-10, Chrome.PngFix
В последней версии галереи устранены баги с png прозрачностью в Internet Explorer.Галерея изображений Starbox(со звездами)
Для примера функциональности галереи, при нажатии на 5 минизображение, произойдёт ошибка, о чём будет сообщено пользователю, так как отсутствует его увеличенная копия.
Правообладателями данных фотографий являются их владельцы, подробнее об этом на сайте fiveprime.org
Галерея изображений Slybox(без звёзд)
Как установить галерею?
Определитесь с выбором галереи
С этой страницы возможно скачать две галереи - starbox и slybox. Первая (starbox) сложнее в установке, поскольку требует базу Mysql, а так же поддержку php. Вторая (slybox) проще, для неё не требуется знаний ни php, ни Mysql.
Если Вы выбрали slybox
Во-первых, подключите js библиотеки, css
<link href="css/slybox.css" rel="stylesheet" type="text/css" media="screen, projection" /> <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="js/slybox.js"></script> <!--[if IE]><script type="text/javascript" src="js/excanvas.js"></script><![endif]-->
Во-вторых, вставьте изображение
Не забудьте указать атрибуты src, alt, class, принцип замены минизображения на увеличенную копию следующий, из имени минизображения удаляются символы _s, то есть минизображение "200_s.jpg" будет заменено на увеличенное изображение 200.jpg. Минизображения должны находится в одной папке с увеличиваемыми изображениями.
<img class="minislybox" alt="Красота!" src="images/200_s.jpg" />
Если Вы выбрали Starbox
Во-первых создайте таблицу ratings (корневой каталог)
CREATE TABLE IF NOT EXISTS `ratings` ( `id` varchar(11) NOT NULL, `total_votes` int(11) NOT NULL DEFAULT '0', `total_value` int(11) NOT NULL DEFAULT '0', `used_ips` longtext, PRIMARY KEY (`id`) ) ENGINE=MyISAM DEFAULT CHARSET=utf8;
Во-вторых настройте файл _config-rating.php (папка php)
$rating_dbhost = 'localhost'; // ваш хост $rating_dbuser = 'root'; // пользователь хоста $rating_dbpass = 'pass'; // пароль пользователя хоста $rating_dbname = 'base'; // база данных $rating_tableName = 'ratings'; // название таблицы
В-третьих, подключите js библиотеки, css и php
<link href="css/starbox.css" rel="stylesheet" type="text/css" media="screen, projection" /> <link href="css/rating.css" rel="stylesheet" type="text/css" media="screen, projection" /> <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="js/starbox.js"></script> <!--[if IE]><script type="text/javascript" src="js/excanvas.js"></script><![endif]--> <?php include_once dirname(__FILE__).'/php/db.php';?>
В-четвертых, вставьте изображение
Не забудьте указать атрибуты src, alt, class, принцип замены минизображения на увеличенную копию следующий, из имени минизображения удаляются символы _s, то есть минизображение "200_s.jpg" будет заменено на увеличенное изображение 200.jpg. Минизображения должны находится в одной папке с увеличиваемыми изображениями.
После минизображения укажите php код, он отвечает за рейтинг.
<img class="ministarbox" alt="Красота!" src="images/200_s.jpg" /> <? rating_bar(1,5)?>
Функция php - <? rating_bar(1245,5)?> принимает два аргумента - (1245,5) первый id рейтинга (для каждого фото он должен быть индивидуальным), второй количество звёзд больше 5 не рекомендую указывать.
Лицензия
Продукт распространяется на условиях лицензии creativecommons.org
Бесплатное использование галереи
Бесплатное использование галереи допускается для личных некоммерческих целей
Платное использование галереи.
Коммерческое использование галереи, то есть использование в проектах, основной целью которых является получение прибыли, является платным.
Загрузка
- zip архив(starbox 1.0) Загрузок - 235
- zip архив(slybox 1.1) Загрузок - 350