Вёрстка компонента фото для InstantCMS 1.10.6

2245
Здравствуйте, сообщество.

Появилась мысль сверстать галерею.
Задачи были поставлены следующие: галерея должна быть адаптивная, строиться на justified-сетке и открываться в альтернативном лайтбоксе.
В результате вышла альтернатива стандартному дизайну компонента фото.

Несколько картинок.
Просмотр фото в лайтбоксе:


Просмотр альбомов:

Просмотр списка фото из альбома:

Просмотр страницы фото:


Если картинок недостаточно, можете посмотреть демо.

Скачать можно тут
Скрытый текст виден только зарегистрированным пользователям


Установка.
Распаковать архив в корень сайта. Если используете свой шаблон, переименуйте папку _default_ из архива на название своего шаблона.
Рекомендация: при создании альбома, маленькой копии указывайте размер 140px, средней копии - 1200px, квадратные - флажок на "нет".

Способы сказать спасибо:
Ну и, пользуясь случаем, не могу не поздравить милых дам с Международным женским днём smile

""
Адаптивный шаблон Anima Cherries для InstantCMS 1.10.6 | Дополнительный шаблон модуля для InstantCMS [1.10.6].
Комментарии (27)
scanread 8 марта 2015 в 07:27 +2
Зачётно v

Маленький момент
Джехутимери 8 марта 2015 в 07:32 0
Я знал, что где-то должен быть подвох! laugh
Не заметил, действительно.
Поправлю, спасибо)
scanread 8 марта 2015 в 07:53 0
Такого плана страницы все с подвохами) Дело в том, что количество выводимых фотографий на них задается в каком-то файле и равно 21 штуке. Т.е., стандартно, по 7 штук в ряд. И это нигде не настраивается в админке (по крайней мере я не нашел), что весьма плохо. В итоге на таких страницах в садбаре нельзя вывести модуль, поскольку картинки на него вылазят. Но это так, всего лишь размышления на тему .... "ага ага" hoho
Олег Васильевич я 28 марта 2015 в 01:31 +1
Нет, никак не зачётно.
Спойлер
Джехутимери 28 марта 2015 в 01:40 +1
Реабилитируюсь здесь laugh
Что же там?)
Олег Васильевич я 28 марта 2015 в 01:59 +1
Спойлер
F_a_R_i_D 8 марта 2015 в 11:39 +1
Класс
Ещё бы комментировать при просмотре.
Richi 22 июля 2015 в 17:16 0
Тоже задался вопросом о комментариях....
Мега 8 марта 2015 в 12:17 +1
На 1.10.1 не воткнуть ага?
Def 8 марта 2015 в 12:22 +2
шикарно! еще бы коммнты подгружать у фоток и форму для оставления коммента и было бы вообще великолепно:)
Александр 8 марта 2015 в 12:25 0
Круть! Будет ли работать на 1.10.3?
Джехутимери 8 марта 2015 в 12:46 +2
Для версий ниже 1.10.6 не пойдёт. В свободное время сделаю ещё для 1.10.5-1.10.3, для версий ниже делаться не будет.
Ребят, кто говорит о комментариях, напишите ссылки на примеры, пожалуйста.
Loadырь 8 марта 2015 в 13:23 0
тут например
Джехутимери 8 марта 2015 в 22:24 0
Примерно понял.
Тут вопрос в том, что обеспечить хорошее отображение будет проблематично, если картинка в ширину тех же 200 пикселей. На указанном Вами примере комментарии хорошо выглядят, когда картинки широкие, но если уменьшить в фаербаге картинку - можно увидеть, что отображение оставляет желать лучшего.
Ну, в общем, пока останется так, в будущем если что-то придёт на ум, ещё улучшу.
Def 8 марта 2015 в 22:33 0
идеальный пример в ВК или на том же фейспоинт раздел фотогалереи.
Александр 9 марта 2015 в 12:08 0
Отличная вещь, под 1.10.3-1.10.5 очень актуально актуально
Stecc 8 марта 2015 в 19:41 +1
Джехутимери а вы бы не могли выложить слайдер контента который на главной под 1.10.6?
Доротея 8 марта 2015 в 20:51 0
Присоединяюсь) Слайдер и в правду замечательный. Если поменять курсор на "Палец" - будет напоминать сенсорный экран
Soul 8 марта 2015 в 22:21 +2
ссылка от Джехутимери
Не открываются личные фото в профиле, а так просто супер!
Stecc 28 марта 2015 в 01:16 +1
Ага, как решить эту проблему? scratch
Компонент супер.
nmsk 21 марта 2015 в 17:19 +2
Классная реализация! Просто, функционально, и со вкусом... Для 2й ветки такую бы... cry
Юрий 22 августа 2015 в 02:41 0
Отлично ! Спасибо огромное !
Шадринец 1 февраля 2016 в 11:27 0
Здравствуйте подскажите как в лайтбокс добавить скрипт в низу фото.
У меня скрипт оценки к фото, если просто открываеш фото оценки показываются, как в лайтбокс добавить помогите.
Спасибо кто откликнется.
Версия 1.10.3+
Rima 25 ноября 2016 в 16:05 0
Не получается скачать по ссылке. Можно дать рабочую ссылку или переслать на почту: [email protected] Спасибо:)
Шадринец 25 ноября 2016 в 16:23 0
Ссылка работает. Что не получается? Скачивание с майл диска.
Rima 28 ноября 2016 в 09:56 0
Все скачала. Спасибо. Только не найду модуль в админке. Подскажите как галерею настроить?