Сайт вебмастера

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

05-10-2009Время чтения ~ 3 мин.Софт 22313

Идею для данной статьи я подчерпнул на сайте «Новая Заря - блог технолога 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», отметить файлы и нажать кнопку «Генерировать код галереи». Полученный код вставить на любую страницу сайта.

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

Похожие записи
Комментарии (6) RSS
1 Моторокер 2009-10-06 08:20:54

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


2 Anton 2009-10-10 21:27:30

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

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


3 Admin 2009-10-11 06:48:24 admin
Статья очень понравилась, вот только сам смотрю используешь числовые названия файлов в галерее?

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


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

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

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


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

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

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

«-|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»


6 Aleksey 2013-06-22 17:28:38

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