<div class="page-module image-gallery"
     i18n:translate="ploneintranet"
>
  <div class="${python:'pat-carousel' if show_as_carousel else 'image-grid'}"
       data-pat-carousel="${python:f'height: {view.carousel_height}' if show_as_carousel else None}"
       tal:define="
         show_as_carousel python:here.carousel_show_as == 'carousel';
         image_scale python:'3col' if show_as_carousel else '1col';
       "
  >
    <tal:slides tal:repeat="slide view/carousel_slides">
      <figure class="item"
              tal:define="
                images nocall:slide/@@images;
              "
      >
        <img src="${python:images.scale(scale=image_scale).url}" />
        <a class="gallery-item icon icon-zoom-in"
           href="${python:images.scale(scale='fullscreen').url}"
           title="${slide/description}"
           i18n:translate=""
        >
          Enlarge
        </a>
        <figcaption tal:condition="show_as_carousel">
          ${slide/description}
        </figcaption>
      </figure>
    </tal:slides>

  </div>
</div>
