• Шаблоны для вашего сайта
  • Сделать сайт
  • Реклама
  • Berry CSS
  • Albireo Framework
  • Бесплатный HTML-курс
  • Telegram-канал
  • Обратная связь
MaxSite.org
О создании сайтов и не только
Создание сайтов под ключ →
Вход
×
или зарегистрироваться

Создание галереи на MaxSite CMS с помощью XnView

СофтПросмотров: 19817Комментарии: 65 октября 2009 г.

Идею для данной статьи я подчерпнул на сайте «Новая Заря - блог технолога SEO». В исходном варианте используется Textkit, я же хочу предложить немного другой подход.

Итак, у нас есть XnView. Кто не в курсе - это просмотрщик для картинок, бесплатный аналог ACDSee. Программа имеет в своем составе несколько инструментов, один из которых создание Web-страниц - галереи.

MaxSite CMS так устроена, что «подхватит» любые файлы, которые окажутся в каталоге uploads. Если же у нас есть миниатюры, то они стандартно располагаются в каталоге mini с тем же именем, что и оригинал. Таким образом, если у нас много файлов в галерее, то мы можем их предварительно подготовить в XnView и загрузить по ftp на сервер. После этого в MaxSite CMS сгенерируем код gallery и вставим его в любую страницу.

Последовательность такая.

Первым делом создадим каталог на компьютере в котором и будут находиться наши файлы. Например пусть это будет «gal01». Следующим шагом будет запуск XnView и с помощью Ctrl или Shift отмечаем нужные файлы для галереи.

Тут один момент. Имена файлов на сервере должны быть без спецсимволов, пробелов и только английские. Поэтому если у вас имена содержат пробел или русские символы, то предварительно лучше их преобразовать в транслит.

Можно сделать это вручную, а можно поручить разным программам, например Total Commander. Для этого скопируем нужные файлы в отдельный каталог и в Total Commander нажмем Ctrl+M. Это вызовет диалог для переименования файлов.

В поле «Поиск и замена» укажем таблицу замен. Вот она:

Найти: « |а|б|в|г|д|е|ж|з|и|й|к|л|м|н|о|п|р|с|т|у|ф|х|ц|ч|ш|ы|ь|э|ю|я» (не упустите пробел в начале!).

Замена: «-|a|b|v|g|d|e|g|z|i|y|k|l|m|n|o|p|r|s|t|u|f|h|c|ch|sh|y|j|e|yu|ya».

Если вы планируете часто выполнять операцию переименования файлов, то можно сохранить шаблон операции. Потом будет достаточно только его выбрать.

После этого возвращаемся в XnView, отмечаем нужные файлы для галереи и жмем Ctrl+G (Создать - Web-Страница).

Установите шаблон «_Default-Simple», размеры миниатюр, сжатие и прочие параметры по своему усмотрению.

Главное же это параметы блока «Выход».

  • «Папка» - указываем наш «gal01».
  • «Папка для оригиналов» - пусто.
  • «Папка для эскизов» - «mini».
  • «Префикс для эскизов» - пусто.
  • «Копировать исходные рисунки в папку вывода» - отметить.  

Также выставьте в блоке «Рисунок» максимальный размер.

После этого жмем «Создать» и вуаля! - получаем готовые файлы. В каталоге «gal01» мы увидим нужные файлы. Так же будут файлы «thumb.html» и «default.css». Их можно удалить, поскольку для сайта они не подходят.

Следующая операция - загрузка каталога «gal01» на сервер в каталог «uploads». Делаем это по ftp. Таким образом мы сразу загружаем все файлы, включая и «mini» с миниатюрами.

Последнее наше действие - в админ-панели MaxSite CMS на странице Загрузок перейти в каталог «gal01», отметить файлы и нажать кнопку «Генерировать код галереи». Полученный код вставить на любую страницу сайта.

Галерея готова! :)


Создание сайтов (Украина) →
Эволюции WordPress посвящается
MaxSite CMS и CodeIgniter
twitter.com facebook.com
Другие записи сайта
Релиз шаблона MF 11 (февраль 2021)
Релиз шаблона MF 11 (февраль 2021)
Сравнение IDE для PHP - 2022
Сравнение IDE для PHP - 2022
LESS-компиляция через Node.js и Grunt
LESS-компиляция через Node.js и Grunt
Как я начал изучать Java и Android
Как я начал изучать Java и Android
Тайм-трекер для учёта времени работы (бесплатно)
Тайм-трекер для учёта времени работы (бесплатно)
34 отличия блогера от колхозника или Тут есть кто живой?
34 отличия блогера от колхозника или Тут есть кто живой?

Комментариев: 6 RSS

1Моторокер06-10-2009 08:20

Для Total Commander есть контентный плагин Translit, удобней использовать для переименования его. В инструменте группового переименования надо выбрать "[=?] плагин"

2Аноним10-10-2009 21:27

Максим, наверное упустил, что в XnView можно просто и быстро поставить водяной знак на все загружаемые картинки или только на оригиналы (правильно зачем они на превьюшках)

Статья очень понравилась, вот только сам смотрю используешь числовые названия файлов в галерее?

3MAX11-10-2009 06:48

Статья очень понравилась, вот только сам смотрю используешь числовые названия файлов в галерее?

Это привычка сразу переименовывать файлы по дате. Мой шаблон для Total Commander: маска - «[Y]-[M]-[D]-[h]-[m]-[s]».

4Владимир21-04-2010 13:37

из указанной галереи по клику на фото открывается голый jpg

есть ли возможность, чтобы по клику на фото из галереи открывалась новая полноценная страница (с меню и т.д.) с выбранным фото и только потом возможность открыть jpg ?

5Александр14-09-2011 07:41

Удобнее всего такая последовательность букв для транслитерации:

« |а|б|в|г|д|е|ё|ж|з|и|й|к|л|м|н|о|п|р|с|т|у|ф|х|ц|ч|ш|щ|ы|ъ|э|ь|ю|я»

«-|a|b|v|g|d|e|e|j|z|i|y|k|l|m|n|o|p|r|s|t|u|f|h|c|ch|sh|sh|y||e||yu|ya»

6Aleksey22-06-2013 17:28

Спасибо, использую данное решение для переименования транслита в кириллицу, в связи с чем возник вопрос: куда надо нажать, чтобы расширения файлов не переводились в кириллицу?

Оставьте комментарий!

Комментарий будет опубликован после проверки. Вы соглашаетесь с правилами сайта.

(обязательно)

Навигация
  • Шаблоны для MaxSite CMS 22
  • jQuery и JavaScript 6
  • Java и Android 5
  • PHP/ООП 25
  • SQL 17
  • Albireo Framework 11
  • Berry CSS 7
  • CSS, HTML, LESS, SASS 23
  • PHP 37
  • Тайм-менеджмент 9
  • Софт 37
  • SEO 13
  • Git. GitHub 3
  • CodeIgniter 5
  • Landing Page 3
  • Alpine.js 14
  • Фильмы 2
  • Дневник 55

Вот здесь можно заказать создание сайта, шаблона или лендинга. Также вы можете выбрать готовые шаблоны для MaxSite CMS по небольшой цене. Также можно купить отдельные модули, компоненты для вашего сайта.

MaxSite.org
Как создать свой сайт

Услуги по созданию сайтов, блогов, лендингов
Обратная связь • Реклама на сайте
Карта сайта
Мои проекты
  • Шаблоны для вашего сайта
  • Заказать создание сайта
  • MaxSite CMS
  • Berry CSS (CSS Utilities)
  • Albireo Framework
  • UniCSS (Universal Atomic CSS)
  • Landing Page Framework
  • Бесплатные НТML-курсы
Ссылки
  • Telegram-канал
  • Github
  • Twitter
  • Telegram-бот
  • RSS
© MaxSite.org, 2006-2022. Работает на MaxSite CMS | Время: 0.2604 | SQL: 20 | Память: 4.61MB | Вход