{# Image Gallery ============= #} {# Set Vars #} {% set classname = name is defined and name is not empty ? name : 'm-imageGallery' %} {% set images = data.singleImages is defined ? data.singleImages %} {% set settings = data.settingsImageGallery is defined ? data.settingsImageGallery %} {% set columns = settings.columns is defined ? ' ' ~ classname ~ '--' ~ settings.columns ~ 'columns' %} {% if settings.imageThumbsRatio is defined %} {% switch settings.imageThumbsRatio %} {% case "landscape" %} {% set ratioThumbs = '16:10' %} {% case "square" %} {% set ratioThumbs = '1:1' %} {% case "portrait" %} {% set ratioThumbs = '10:16' %} {% endswitch %} {% else %} {% set ratioThumbs = '1:1' %} {% endif %} {% set imagerRatio = ratioThumbs|split(':') %} {% set imagerRatio = imagerRatio|first/imagerRatio|last %} {# Modul #}
{% for image in images %} {% set position = image.settingsFocalPoint is defined ? image.settingsFocalPoint : '50% 50%' %} {% set imageSize = image.width ~ ':' ~ image.height %} {% set largeRatio = imageSize|split(':') %} {% set largeRatio = largeRatio|first/largeRatio|last %} {% if image.height >= image.width %} {% set sizes = [ { height: 1400 }, { height: 1100 }, { height: 800 }, { height: 500 }, { height: 300 }, { height: 30 } ] %} {% else %} {% set sizes = [ { width: 1400 }, { width: 1100 }, { width: 800 }, { width: 500 }, { width: 300 }, { width: 30 } ] %} {% endif %} {# Image #} {% set imageSettings = { } %} {% set sizesThumbs = [ { width: 600 }, { width: 400 }, { width: 200 }, { width: 30 } ] %} {% set imageSettingsThumbs = { mode: 'crop', position: position, ratio: imagerRatio } %} {% set images = craft.imager.transformImage(image, sizes, imageSettings) %} {% set thumbs = craft.imager.transformImage(image, sizesThumbs, imageSettingsThumbs) %}
{{ image.title }}
{% endfor %}
{# Root element of PhotoSwipe. Must have class pswp. #}