Вивід зображень

Для демонстрації галереї використовується 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);
— дата додавання зображення.

Для виведення екранованих данних (параметр є в 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>`
!]