Книга по MODx
Книга «Официальный сайт на базе MODx - как это делается»

Обложка книги
Наши заметки о MODx
В этом разделе мы будем собирать небольшую копилку секретов по работе с системой управления контентом сайта (CMS) MODx. Эти заметки ни в коем случае не претендуют на лавры документации. На нашем сайте тема MODx вообще занимает небольшой уголок, и эти материалы мы размещаем только потому, что по роду основной работы нам приходится оказывать техническую поддержку нескольким десяткам организаций, использующих наши прототипы сайтов. В то же время кое-что может пригодиться и другим людям.
Мы не претендуем на изложение "истины в последней инстанции". Наверняка в этих заметках гуру MODx найдут неточности и ошибки. Мы будем очень благодарны, если на это нам укажут в комментариях.
В заметках мы стараемся не просто сразу приводить готовое правильное решение, но и показываем, как мы набивали шишки в процессе поиска.

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

Еще одна галерея для MODx


В заметке о плагине DirectResize мы упоминали эффект HighSlide. Там он на нас особого впечатления не произвел. В галерее MaxiGallery такой эффект не применялся. Сбегав ради любопытства на сайт эффекта, мы обнаружили там много превосходных примеров, в том числе в виде галереи. В ресурсах MODx нашлась и такая сборка. Конечно, мы её испытали.

Здесь мы разбирались с галереей HighSlide. Впоследствии мы отказались от использования этого сниппета и перешли на более удобную галерею Easy 2 Gallery. Эти заметки оставляем на память - вдруг пригодится.

Сразу покажем пример галереи с HightSlide. Вот скриншот страницы с маленькой галереей (не щелкайте по картинка, это только иллюстрация):

Скриншот галереи

При щелчке по "Аленушке" всплывает слайд (из галереи миниатюра исчезает) :

 Показ слайда

У слайда есть кнопки, его можно еще больше распахнуть, можно перетащить в другое место :

 Перетащенный слайд

Обратите внимание - мы перетащили слайд под наше меню и заголовок!
Это возможно благодаря использованию CSS.

Но это так, к слову пришлось.

 

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

Разумеется, с этой  галереей захотелось разобраться подробнее.

 

Установка HighSlide

Устанавливается обычным способом:

1. Содержимое сборки распаковывается в assets/snippets/highslide/

2. Создается новый сниппет HighSlide с текстом из файла snippet.txt.

3. В шаблоны страниц,  на которых будет использоваться HighSlide, в начале тега body вставляется <div id="highslide-container"></div>. Нам это сделать легко, мы добавили этот тег в единственный чанк  (см. заметку о шаблонах и чанках).

Размешение галерей

Вот здесь проявляется коренное отличие от MaxiGallery.

В MaxiGallery картинки для галерей размещаются внутри папки assets/galleries  в  подпапках с именами, равными ID страницы, на которой размещена галерея, например assets/galleries/1460. В каждую такую папку складываются картинки, добавляемые в галерею. На сервер они загружаются скриптами. Папки, при необходимости создаются автоматически.

В HighSlide имя папки передается в виде аргумента Gname при вызове сниппета. Имя галереи не обязательно должно соответствовать ID страницы, где размещена галерея. Картинки в папку загружаются вручную, по FTP или с помощью файлового менеджера.Внутри папки с галереей создаются две вложенные папки  fullsize и thumbs. В папку fullsize помещаются полные изображения, а в папку thumbs - миниатюры, показываемые на странице с галереей. Миниатюры изготавливаются вручную. Мы делаем их (как и вообще любые махинации с изображениями) с помощью программы FastSone Image Viewer.

  Разумеется, эти ручные операции создают определенные неудобства, но и позволяют держать процесс под полным контролем.

О настройках галереи HighSlide  мы поговорим в следующий раз.

28-01-2009 14:21:33



    Содержание раздела «Галерея HighSlide»:
Комментарии любых посетителей

Написать комментарий