1

Тема: PhotoStock SB - галерея

Плагин PhotoStock SB by AlxBuk

http://i.imgur.com/rnt9EWB.png
Представляет из себя оригинальный ФотоСток, с внедренным плагином галереи SlimBox (mod AlxBuk).
Работает из коробки, совместимость с Monstra 2.2.1
Для работы плагина нужно обязательно соблюдать правильность шаблона.
Использует минификацию CSS и JS.

Для тех кто в танке
в вашем шаблоне обязательно должны быть

Стили

<?php Stylesheet::add('public/assets/css/bootstrap.css', 'frontend', 1); ?>
<?php Stylesheet::add('public/themes/default/css/default.css', 'frontend', 2); ?>
<?php Stylesheet::add('public/assets/css/bootstrap-responsive.css', 'frontend', 3); ?>
<?php Stylesheet::load(); ?>
<?php Action::run('theme_header'); ?>

и

JS в футере

<?php Javascript::add('public/assets/js/jquery.js', 'frontend', 1); ?>
<?php Javascript::add('public/assets/js/bootstrap.js', 'frontend', 2); ?>
<?php Javascript::load(); ?>

http://i.imgur.com/n8XFto1.png
Заключается в копировании папки stock из архива, в папку plugins

http://i.imgur.com/xGIqipa.png
Через шорткоды которые выдаются в админке

http://i.imgur.com/aoK7mjc.png

Видео Превью http://www.youtube.com/watch?v=JRlDEj-cv5w

Плагин Админка
Одиночная картинка
Картинка в галерее
Обзор галереи

http://i.imgur.com/B67ny7L.png
Меня тут упрекнули smile, что ФотоСток + FancyBox дескать трудно подключать.
Ну так вот оно, и плагин подключает все автоматом и легкий.
plugins\stock\stock\slimbox2.js - скорость, отключение caption, и т.д.
plugins\stock\stock\style.css - стили, оформление (кнопки вшиты в css через DATA:URI)

http://i.imgur.com/yFzYrj0.png
В архиве превью, ридми и сам плагин.

Проверялось на Firefox, Chrome, Opera, XAMPP, Monstra 2.2.1.

Ну теперь Монстру нельзя упрекнуть что нормальной галереи нету, их вон аж скока smile 3 штуке.

Жду отзывов...



UPD от 18.05 - Поменял название только в меню, теперь там стоит Галерея SB, остальное менять не стал. Архив просто перекачать.

UPD от 18.05 - Для тех кто подключает напрямую, без минификации, использовать след. код

<link rel="stylesheet" type="text/css" media="screen" href="<?php echo Site::url(); ?>plugins/stock/stock/style.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript" src="<?php echo Site::url(); ?>plugins/stock/stock/slimbox2.js"></script>
!!!   ---   Облегчи жизнь себе и другим ЧИТАЙ ПРАВИЛА   ---   !!!

░░░▒▒▒▓▓▓█   Monstra Demo Site ®  █▓▓▓▒▒▒░░░

Сайт AlxBuk

Поделиться

2 (2013-05-18 10:51:33 отредактировано newbie)

Re: PhotoStock SB - галерея

Молодец! Это реально нормальная галерея! Всё отлично и легко подключается! Единственное, что бы я сделал - это переименовал:
PhotoStock SB в Галерея
Нам-то понятно, а когда сдаёшь сайт заказчику, недалёким людям такое название это просто Ахтунг)

И Jquery должны быть подключен или нет? И какой версии?

Поделиться

3

Re: PhotoStock SB - галерея

Да чо та я загнул с названием smile, щас поправлю.

Смотрим видео и не говорим что не работает из каропки http://www.youtube.com/watch?v=JRlDEj-cv5w smile

Вообще проверял, вот именно прям прям из каробки, а из каропки ЖиКери автоматом идет.

!!!   ---   Облегчи жизнь себе и другим ЧИТАЙ ПРАВИЛА   ---   !!!

░░░▒▒▒▓▓▓█   Monstra Demo Site ®  █▓▓▓▒▒▒░░░

Сайт AlxBuk

Поделиться

4 (2013-05-18 12:35:10 отредактировано olsv64)

Re: PhotoStock SB - галерея

ну что ж вы так горячитесь-то? smile даже вовсе не обязательно, чтобы были подключены к шаблону бутсраповские стили и скрипты, все прекрасно работает просто с подключенным jQueri и даже с 1.9.1, я только что скачал свой старый шаблон и включил в него только это

<?php Javascript::add('public/assets/js/jquery.js', 'frontend', 1); ?>
<?php Javascript::load(); ?>

с чем я всех и поздравляю...а нельзя ли вернуть лайтбокс или фенсибокс или колорбокс или преттифото? а то как-то не очень хорошо, когда кнопочки с крестиком нет

Сайт olsv64

Поделиться

5 2013-05-18 13:29:36

Re: PhotoStock SB - галерея

newbie пишет:

Это реально нормальная галерея!

а что не устраивает в моей галерее?

Site | GitHub | Создание форумов/решений на базе PunBB/Monstra/OGMA

Плагины распространяются по Creative Commons Attribution-NonCommercial 3.0

Сайт KANekT

Поделиться

6 2013-05-18 16:45:13

Re: PhotoStock SB - галерея

olsv64 пишет:

даже вовсе не обязательно, чтобы были подключены к шаблону бутсраповские стили и скрипты

Это страховка от тех кто в танке, и новичков. smile

olsv64 пишет:

а нельзя ли вернуть лайтбокс или фенсибокс или колорбокс или преттифото? а то как-то не очень хорошо, когда кнопочки с крестиком нет

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

KANekT пишет:

а что не устраивает в моей галерее?

Ревность она ни к чему, ты плагинописатель.
Я вот кстати твою галерею даже не пробовал, а надо.
Для Монстры лучше когда есть выбор.

!!!   ---   Облегчи жизнь себе и другим ЧИТАЙ ПРАВИЛА   ---   !!!

░░░▒▒▒▓▓▓█   Monstra Demo Site ®  █▓▓▓▒▒▒░░░

Сайт AlxBuk

Поделиться

7

Re: PhotoStock SB - галерея

AlxBuk пишет:
KANekT пишет:

а что не устраивает в моей галерее?

Ревность она ни к чему, ты плагинописатель.

как к черту ревность ? я хочу узнать что я не учел при написании своего плагина, чтобы сделать его лучше.

Site | GitHub | Создание форумов/решений на базе PunBB/Monstra/OGMA

Плагины распространяются по Creative Commons Attribution-NonCommercial 3.0

Сайт KANekT

Поделиться

8

Re: PhotoStock SB - галерея

KANekT пишет:
newbie пишет:

Это реально нормальная галерея!

а что не устраивает в моей галерее?

Ты про этот плагин:???
http://ru.forum.monstra.org/topic/396/reliz-gallery/

Ну лично моё мнение по всем твоим плагинам (без обид):
1. Использование дополнительного плагина - Dev Js.
2. Вечно кривая локализация, по моему у тебя нет ещё плагина, где нормальная русская локализация. Всё в перемешку с английским.
3. Не работает с jQuery 1.9.*
4. При просмотре альбома, цветные кнопки.
5. При просмотре альбома, у меня загрузка не работает. Ни видео, ни фото. Нулевая monstra. Разбираться даже не хочу. Не работает, так не работает.

Поделиться

9 (2013-05-18 18:07:01 отредактировано KANekT)

Re: PhotoStock SB - галерея

1. Использование дополнительного плагина - Dev Js.
а без него не будет - это мой мини фреймворк.
Каждый раз в каждом плагине прописывать один и тот же код и потом его поддерживать - у меня нет столько времени
2. Вечно кривая локализация, по моему у тебя нет ещё плагина, где нормальная русская локализация. Всё в перемешку с английским.
ну никто с тестированием не помогает и не указывает на ошибки.
3. Не работает с jQuery 1.9.*
работает если в dev включить migrate
4. При просмотре альбома, цветные кнопки.
Оформление всегда нужно подгонять под конкретный сайт.
5. При просмотре альбома, у меня загрузка не работает. Ни видео, ни фото. Нулевая monstra. Разбираться даже не хочу. Не работает, так не работает.
ну это как хотите - ваше дело. скорее всего в dev плагине не корректные настройки, из-за которых js не подключился.

Site | GitHub | Создание форумов/решений на базе PunBB/Monstra/OGMA

Плагины распространяются по Creative Commons Attribution-NonCommercial 3.0

Сайт KANekT

Поделиться

10

Re: PhotoStock SB - галерея

KANekT пишет:

1. Использование дополнительного плагина - Dev Js.
а без него не будет - это мой мини фреймворк.
Каждый раз в каждом плагине прописывать один и тот же код и потом его поддерживать - у меня нет столько времени
2. Вечно кривая локализация, по моему у тебя нет ещё плагина, где нормальная русская локализация. Всё в перемешку с английским.
ну никто с тестированием не помогает и не указывает на ошибки.
3. Не работает с jQuery 1.9.*
работает если в dev включить migrate
4. При просмотре альбома, цветные кнопки.
Оформление всегда нужно подгонять под конкретный сайт.
5. При просмотре альбома, у меня загрузка не работает. Ни видео, ни фото. Нулевая monstra. Разбираться даже не хочу. Не работает, так не работает.
ну это как хотите - ваше дело. скорее всего в dev плагине не корректные настройки, из-за которых js не подключился.

Ну я просто своё мнение высказал, мне проще без всяких dev js и настроек нажать кнопку установить плагин и начать пользоваться))))

Поделиться

11

Re: PhotoStock SB - галерея

согласен, для подобной CMS простота - самый актуальный фактор smile, ну а плагин KANekT, возможно, пригодится людям, делающим сайты для себя

Сайт olsv64

Поделиться

12

Re: PhotoStock SB - галерея

А почему бы не прикрутить dev js в саму Монстру?!

!!!   ---   Облегчи жизнь себе и другим ЧИТАЙ ПРАВИЛА   ---   !!!

░░░▒▒▒▓▓▓█   Monstra Demo Site ®  █▓▓▓▒▒▒░░░

Сайт AlxBuk

Поделиться

13

Re: PhotoStock SB - галерея

AlxBuk пишет:

А почему бы не прикрутить dev js в саму Монстру?!

а зачем? функционал не всем и не всегда нужен.

Site | GitHub | Создание форумов/решений на базе PunBB/Monstra/OGMA

Плагины распространяются по Creative Commons Attribution-NonCommercial 3.0

Сайт KANekT

Поделиться

14

Re: PhotoStock SB - галерея

AlxBuk, а почему бы тебе не сделать описание для картинок? Ведь это нужная вещь во многих случаях. А когда описание не прописывается, чтобы ничего не было.
Я конечно понимаю, что это не кубик вы paint нарисовать, но, считай, это как вопрос-предложение.

Поделиться

15

Re: PhotoStock SB - галерея

Описания к картинкам можно сделать если не использовать функции Стока.

Как правило в caption указывает title из ссылки.
То есть придется руками прописывать всю галерею, а сток использовать только как генератор эскизов и файлопомойку.

<div id="stock">
<a href="http://site.ru/public/stock/1/original/1IXeZv6I4J.jpg" rel="lightbox-cats"><img title="Тут описание или название" class="stock_current" src="http://site.ru/public/stock/1/thumbs/1IXeZv6I4J.jpg" alt=""/></a>
.....
</div>

К сожалению в оригинальном стоке, нету средств заполнения тега titile к  каждой картинке.
А раз так то и смысла добавлять caption нету, поэтому я его убрал.

Если все же хочется включить то вот код который выключает кэпшн в slimbox2.js

w(G).css({width:L,top:M+r,marginLeft:-L/2,visibility:"hidden",display:"none"

убрать слово none и кэпшн будет отображаться.

!!!   ---   Облегчи жизнь себе и другим ЧИТАЙ ПРАВИЛА   ---   !!!

░░░▒▒▒▓▓▓█   Monstra Demo Site ®  █▓▓▓▒▒▒░░░

Сайт AlxBuk

Поделиться

16 2013-05-18 21:08:43

Re: PhotoStock SB - галерея

AlxBuk пишет:

Описания к картинкам можно сделать если не использовать функции Стока.

Как правило в caption указывает title из ссылки.
То есть придется руками прописывать всю галерею, а сток использовать только как генератор эскизов и файлопомойку.

<div id="stock">
<a href="http://site.ru/public/stock/1/original/1IXeZv6I4J.jpg" rel="lightbox-cats"><img title="Тут описание или название" class="stock_current" src="http://site.ru/public/stock/1/thumbs/1IXeZv6I4J.jpg" alt=""/></a>
.....
</div>

К сожалению в оригинальном стоке, нету средств заполнения тега titile к  каждой картинке.
А раз так то и смысла добавлять caption нету, поэтому я его убрал.

Если все же хочется включить то вот код который выключает кэпшн в slimbox2.js

w(G).css({width:L,top:M+r,marginLeft:-L/2,visibility:"hidden",display:"none"

убрать слово none и кэпшн будет отображаться.

А почему бы не реализовать вывод описания не из title, а, например из тега <p> внутри ссылки?

<div id="stock">
<a href="http://site.ru/public/stock/1/original/1IXeZv6I4J.jpg" rel="lightbox-cats"><img class="stock_current" src="http://site.ru/public/stock/1/thumbs/1IXeZv6I4J.jpg" alt=""/><p>Тут описание или название</p></a>
.....
</div>

И поставить display:none при выводе на страницу, ну и естественно display:block при открытии лайтбокса.
Так же сейчас появилась идея, можно ведь сделать описание под картинкой и до открытия? Тоже, мне кажется, актуальная вещь.

Поделиться

17

Re: PhotoStock SB - галерея

для изображений важен атрибут alt, а не title, кстати очень даже важен

Сайт olsv64

Поделиться

18

Re: PhotoStock SB - галерея

Илья пишет:

А почему бы не реализовать вывод описания не из title, а, например из тега <p> внутри ссылки?

За это отвечает сам скрипт SlimBox, мне туда лезть не охота.

olsv64 пишет:

для изображений важен атрибут alt, а не title, кстати очень даже важен

Конечно он важен, на логотипах там, каких нить конкретных картинках еще пойдет, но не думаю что это критично для галереи.

Опять же все упирается в оригинальный Сток.

!!!   ---   Облегчи жизнь себе и другим ЧИТАЙ ПРАВИЛА   ---   !!!

░░░▒▒▒▓▓▓█   Monstra Demo Site ®  █▓▓▓▒▒▒░░░

Сайт AlxBuk

Поделиться

19

Re: PhotoStock SB - галерея

Не подскажите, как бороться со съезжанием картинки в низ экрана? И как поправить работу плагина в ИЕ?
вот ссылка на страничку http://eluapelsin.ru/gallery

Поделиться