Тема: Фотосток + FancyBox
PhotoStock + FancyBox(требуется jQuery) --- Совместимость с Monstra 2.2.1 --- Обновлено 02.05.2013
Плагин представляет из себя оригинальный ФотоСток, с внедренным FancyBox
Таким образом все загруженные в фотосток картинки отображаются через FancyBox
1. Архив распаковать в корень папки Monstra
Содержимое архива:
plugins/stock - сам фотосток
public/assets/ - JS, CSS, GIF, файлы для FancyBox
2. Подключить в вашей теме новые CSS файлы для FancyBox
Пример:
<?php Stylesheet::add('public/assets/css/bootstrap.css', 'frontend', 1); ?>
<?php Stylesheet::add('public/assets/css/jquery.fancybox.css', 'frontend', 2); ?> <!-- НЕОБХОДИМЫЕ СТИЛИ ДЛЯ ПЛАГИНА -->
<?php Stylesheet::add('public/assets/css/jquery.fancybox-buttons.css', 'frontend', 3); ?> <!-- НЕОБХОДИМЫЕ СТИЛИ ДЛЯ ПЛАГИНА -->
<?php Stylesheet::add('public/themes/likegoogle/css/default.css', 'frontend', 4); ?>
<?php Stylesheet::load(); ?>
<?php Action::run('theme_header'); ?>3. Подключить JS файлы в начале страницы, т.е, в разделе <head></head>
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script> <!-- Можете указать и свой, но обязательно в таком порядке -->
<script type="text/javascript" src="<?php echo Site::url();?>public/assets/js/jquery.fancybox.pack.js"></script>
<script type="text/javascript" src="<?php echo Site::url();?>public/assets/js/jquery.fancybox-buttons.js"></script>
<script type="text/javascript">$(document).ready(function() {$('.fancybox').fancybox();$(".fancybox-effects-a").fancybox({helpers: {title : {type : 'outside'},overlay : {speedOut : 0}}});});</script>4. Для кастомизации стилей вывода картинок используй plugins\stock\stock\style.css
------------------------------------------------------------------------------------------------------------------
Обновление от 02.05.2013
Проверил на Монстра 2.2.1, выявил баг с jQuery, кстати может он и раньше был.
Рабочий способ это подключение jQuery в начале страницы.
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script> <script type="text/javascript" src="<?php echo Site::url();?>public/assets/js/jquery.fancybox.pack.js"></script> <script type="text/javascript" src="<?php echo Site::url();?>public/assets/js/jquery.fancybox-buttons.js"></script>
Обновление от 16.05.2013
Сборка jQuery в футере НЕ РАБОТАЕТ.
То есть плагин работает только если jQuery подключен в head.
НЕ забывайте убирать подключение ЖиКери в футере в дефолтной теме
Сам плагин остался неизменным, изменился только способ подключения.
Проверено на Firefox, Google Chrome
Галерея в миниатюрах http://i.imgur.com/IKFh2A7.jpg
Галерея в режиме просмотра http://i.imgur.com/NnoJ9h4.jpg
Одиночная картинка из фотостока http://i.imgur.com/lODDFUR.jpg
