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

+51
2.79K
Здравствуйте, сообщество.

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

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

Просмотр альбомов:
Иллюстрация
Просмотр списка фото из альбома:
Иллюстрация
Просмотр страницы фото:
Иллюстрация

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

Скачать можно тут
Группе, к которой вы принадлежите, запрещено просматривать этот скрытый текст


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


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

Иллюстрация
+2
scanread scanread 6 лет назад #
Зачётно v

Маленький момент
0
Джехутимери Джехутимери 6 лет назад #
Я знал, что где-то должен быть подвох! laugh
Не заметил, действительно.
Поправлю, спасибо)
0
scanread scanread 6 лет назад #
Такого плана страницы все с подвохами) Дело в том, что количество выводимых фотографий на них задается в каком-то файле и равно 21 штуке. Т.е., стандартно, по 7 штук в ряд. И это нигде не настраивается в админке (по крайней мере я не нашел), что весьма плохо. В итоге на таких страницах в садбаре нельзя вывести модуль, поскольку картинки на него вылазят. Но это так, всего лишь размышления на тему .... "ага ага" hoho
+1
Олег Васильевич я Олег Васильевич я 6 лет назад #
Нет, никак не зачётно.
Спойлер
+1
Джехутимери Джехутимери 6 лет назад #
Реабилитируюсь здесь laugh
Что же там?)
+1
Олег Васильевич я Олег Васильевич я 6 лет назад #
Спойлер
+1
F_a_R_i_D F_a_R_i_D 6 лет назад #
Класс
Ещё бы комментировать при просмотре.
0
Richi Richi 6 лет назад #
Тоже задался вопросом о комментариях....
+1
Мега Мега 6 лет назад #
На 1.10.1 не воткнуть ага?
+2
Def Def 6 лет назад #
шикарно! еще бы коммнты подгружать у фоток и форму для оставления коммента и было бы вообще великолепно:)
0
Александр Александр 6 лет назад #
Круть! Будет ли работать на 1.10.3?
+2
Джехутимери Джехутимери 6 лет назад #
Для версий ниже 1.10.6 не пойдёт. В свободное время сделаю ещё для 1.10.5-1.10.3, для версий ниже делаться не будет.
Ребят, кто говорит о комментариях, напишите ссылки на примеры, пожалуйста.
0
Loadырь Loadырь 6 лет назад #
тут например
0
Джехутимери Джехутимери 6 лет назад #
Примерно понял.
Тут вопрос в том, что обеспечить хорошее отображение будет проблематично, если картинка в ширину тех же 200 пикселей. На указанном Вами примере комментарии хорошо выглядят, когда картинки широкие, но если уменьшить в фаербаге картинку - можно увидеть, что отображение оставляет желать лучшего.
Ну, в общем, пока останется так, в будущем если что-то придёт на ум, ещё улучшу.
0
Def Def 6 лет назад #
идеальный пример в ВК или на том же фейспоинт раздел фотогалереи.
0
Александр Александр 6 лет назад #
Отличная вещь, под 1.10.3-1.10.5 очень актуально актуально
+1
Stecc Stecc 6 лет назад #
Джехутимери а вы бы не могли выложить слайдер контента который на главной под 1.10.6?
0
Доротея Доротея 6 лет назад #
Присоединяюсь) Слайдер и в правду замечательный. Если поменять курсор на "Палец" - будет напоминать сенсорный экран
+2
Soul Soul 6 лет назад #
ссылка от Джехутимери
0
Станислав Григорьевич (Мозголом) Станислав Григорьевич (Мозголом) 6 лет назад #
Не открываются личные фото в профиле, а так просто супер!
+1
Stecc Stecc 6 лет назад #
Ага, как решить эту проблему? scratch
Компонент супер.
+2
nmsk nmsk 6 лет назад #
Классная реализация! Просто, функционально, и со вкусом... Для 2й ветки такую бы... cry
0
Юрий Юрий 6 лет назад #
Отлично ! Спасибо огромное !
0
Шадринец Шадринец 5 лет назад #
Здравствуйте подскажите как в лайтбокс добавить скрипт в низу фото.
У меня скрипт оценки к фото, если просто открываеш фото оценки показываются, как в лайтбокс добавить помогите.
Спасибо кто откликнется.
Версия 1.10.3+
0
Rima Rima 5 лет назад #
Не получается скачать по ссылке. Можно дать рабочую ссылку или переслать на почту: [email protected] Спасибо:)
0
Шадринец Шадринец 5 лет назад #
Ссылка работает. Что не получается? Скачивание с майл диска.
0
Rima Rima 5 лет назад #
Все скачала. Спасибо. Только не найду модуль в админке. Подскажите как галерею настроить?
+1
olegan olegan 1 год назад #
У кого-то осталось это?Дайте скачать.
+2
abasia abasia 1 год назад #

Еще от автора

Портальный шаблон MTheme для InstantCMS 2.6.1 - глобальное обновление
Здравствуйте, дорогие пользователи InstantCMS. Рад предоставить вашему вниманию обновленный шаблон MTheme для InstantCMS 2.6.1.
Виджет "Список групп" для InstantCMS 2.5.1
Обычный виджет вывода списка групп. О нём забыли в коробке Внешний вид. Настройки: Демо | Скачать Установка стандартная.
Портальный шаблон MTheme
Здравствуйте, сообщество. Представляю Вам шаблон MTheme, разработанный для порталов на основе InstantCMS 2.5.1.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.