Вывод изображений

Для вывода галереи используется DocLister с контроллером onetable. Для большего удобства вызов DocLister производится через сниппет-обертку sgLister; соответственно при вызове можно использовать любые параметры DocLister. В sgLister также производится дополнительная обработка выводимых данных, которая реализована с помощью параметра prepare при вызове DocLister.

Параметры сниппета sgLister

imageField

Имя поля с изображением.

Значение по умолчанию - sg_image.

parents

Для вывода изображений из указанных ресурсов.

Возможные значения - id ресурсов, разделенные запятой.

Значение по умолчанию - id ресурса в котором вызывается сниппет.

documents

Для вывода отдельных изображений из всех галерей.

Возможные значения - id записей в таблице sg_images, разделенные запятой.

Значение по умолчанию - пусто.

BeforePrepare, AfterPrepare

Обработка данных до того, как они будут обработаны сниппетом sgLister, и после.

Возможные значения - имена сниппетов, через запятую.

Значени по умолчанию - пусто.

thumbSnippet

Имя сниппета для генерации превью при выводе.

Возможные значения: имя сниппета, например, phpthumb.

Значение по умолчанию - пусто.

thumbOptions

Параметры, передаваемые сниппету, указанному в параметре thumbSnippet. Для генерации единичного превью указывается строка с параметрами:

&thumbSnippet=`phpthumb`
&thumbOptions = `w=400&h=400&zc=1`

Путь к картинке будет доступен в шаблоне через плейсхолдер

Для генерации нескольких превью параметры можно задавать в json-формате:

&thumbSnippet=`phpthumb`
&thumbOptions = `{
    "default":"w=400&h=400&zc=1",
    "small":"w=50&h=50&zc=1",
    "medium":"w=200&h=200&zc=1"
}`

Пути к картинкам будут доступны в шаблоне через плейсхолдеры:

Значение по умолчанию - пусто.

tpl

Шаблон для вывода.

Возможные значения - имя шаблона, указанное по правилам задания шаблонов в DocLister.

Плейсхолдеры

Данные таблицы sg_images:

— id картинки;
— позиция в галерее;
— ссылка на картинку;
— название картинки;
— описание картинки;
- информация об изображении в формате json;
— дополнительное поле;
— флажок, чтобы скрыть какие-то картинки из вывода;
— id ресурса, которому принадлежит картинка (parentField);
— дата добавления картинки.

Для вывода экранированных данных (параметр e в DocLister):

Информация об изображении (при использовании сниппета sgLister):

- ширина в пикселях;
- высота в пикселях;
- размер файла.

Превью (при использовании сниппета sgLister и заданных параметрах thumbSnippet и thumbOptions):

- ссылка на основной файл превью;
- ссылка на дополнительный файл превью;
, - ширина превью;
, - высота превью.

Также доступны плейсхолдеры, устанавливаемые сниппетом DocLister.

Пример


[!sgLister?
&ownerTPL=`@CODE: <div class="row"></div>`
&thumbSnippet=`sgThumb`
&thumbOptions=`400x300`
&display=`16`
&paginate=`pages`
&PrevNextAlwaysShow=`1`
&tpl=`@CODE:
<div class="col-lg-3 col-md-4 col-xs-6 thumb">
    <a class="thumbnail" href="" target="_blank">
        <img class="img-responsive" src="" alt="">
    </a>
</div>
`
&TplWrapPaginate=`@CODE:<nav class="text-center"><ul class="pagination"></ul></nav>`
&TplCurrentPage=`@CODE:<li class="active"><span></span></li>`
&TplPage=`@CODE:<li><a href=""><span></span></a></li>`
&TplNextP=`@CODE:<li><a href=""><span class="glyphicon glyphicon-forward"></span></a></li>`
&TplLastP=`@CODE:<li><a href=""><span class="glyphicon glyphicon-fast-forward"></span></a></li>`
&TplFirstP=`@CODE:<li><a href=""><span class="glyphicon glyphicon-fast-backward"></span></a></li>`
&TplPrevP=`@CODE:<li><a href=""><span class="glyphicon glyphicon-backward"></span></a></li>`
&TplNextI=`@CODE:<li class="disabled"><span class="glyphicon glyphicon-forward"></span></li>`
&TplLastI=`@CODE:<li class="disabled"><span class="glyphicon glyphicon-fast-forward"></span></li>`
&TplFirstI=`@CODE:<li class="disabled"><span class="glyphicon glyphicon-fast-backward"></span></li>`
&TplPrevI=`@CODE:<li class="disabled"><span class="glyphicon glyphicon-backward"></span></li>`
!]