{if $this->getAttribute('showTitle') && $this->getAttribute('frontendTitle')}
<header class="control-header">
    <h1>{$this->getAttribute('frontendTitle')}</h1>
</header>
{/if}

{if $this->getAttribute('content') != ""}
<div class="control-content">
    {$this->getAttribute('content')}
</div>
{/if}

<div class="quiqqer-gallery-imageSlider-container">
    <div class="quiqqer-gallery-imageSlider-container-inner">
        <ul class="quiqqer-gallery-imageSlider-container-slide"
            style="height: {$this->getAttribute('height')}px;"
        >
        {strip}
            {foreach from=$images item=$Image}
            {assign var=src value={image image=$Image onlysrc=true}}
            <li class="quiqqer-gallery-imageSlider-child">
                <article class="quiqqer-gallery-imageSlider-child-display">
                    <a href="{$src}" title="{$Image->getAttribute('title')}|escape:" html"}">
                        {image image=$Image height=600 data-zoom="1" data-src="$src"}
                    </a>
                </article>
            </li>
            {/foreach}
        {/strip}

        {if $MoreLink}
            <li class="quiqqer-gallery-imageSlider-child">
                <article class="quiqqer-gallery-imageSlider-child-display">
                    <a href="{url site=$MoreLink}" title="{$MoreLink->getAttribute('title')|escape:" html"}">
                        <span class="quiqqer-icon fa fa-angle-right"></span>
                        <span class="quiqqer-gallery-imageSlider-moreLink-text">
                            {locale group="quiqqer/gallery" value="quiqqer.gallery.moreLink"}
                        </span>
                    </a>
                </article>
            </li>
        {/if}
        </ul>
    </div>
</div>