BBH

Gallery 

<div class="c-gallery" ui-carousel data-config='{ "pageDots": false, "prevNextButtons": true, "prevNextButtonsInset": true }'>

    <img ui-carousel-item src="../../img/placeholder/logo.jpg" alt="Lorem alt ipsum" ui-image-open data-caption="Lorem alt ipsum" data-src="/img/placeholder/logo.jpg" />

    <img ui-carousel-item src="../../img/placeholder/image_8.jpg" alt="Lorem alt ipsum" ui-image-open data-caption="Lorem alt ipsum" data-src="../../img/placeholder/image_8.jpg" />

    <img ui-carousel-item src="../../img/placeholder/image_9.jpg" alt="Lorem alt ipsum" ui-image-open data-caption="Lorem alt ipsum" data-src="../../img/placeholder/image_9.jpg" />

    <img ui-carousel-item src="../../img/placeholder/image_10.jpg" alt="Lorem alt ipsum" ui-image-open data-caption="Lorem alt ipsum" data-src="../../img/placeholder/image_10.jpg" />

    <img ui-carousel-item src="../../img/placeholder/image_11.jpg" alt="Lorem alt ipsum" ui-image-open data-caption="Lorem alt ipsum" data-src="../../img/placeholder/image_11.jpg" />

    <img ui-carousel-item src="../../img/placeholder/image_12.jpg" alt="Lorem alt ipsum" ui-image-open data-caption="Lorem alt ipsum" data-src="../../img/placeholder/image_12.jpg" />

    <img ui-carousel-item src="../../img/placeholder/image_13.jpg" alt="Lorem alt ipsum" ui-image-open data-caption="Lorem alt ipsum" data-src="../../img/placeholder/image_13.jpg" />

    <img ui-carousel-item src="../../img/placeholder/image_14.jpg" alt="Lorem alt ipsum" ui-image-open data-caption="Lorem alt ipsum" data-src="../../img/placeholder/image_14.jpg" />

    <img ui-carousel-item src="../../img/placeholder/image_15.jpg" alt="Lorem alt ipsum" ui-image-open data-caption="Lorem alt ipsum" data-src="../../img/placeholder/image_15.jpg" />

    <img ui-carousel-item src="../../img/placeholder/image_16.jpg" alt="Lorem alt ipsum" ui-image-open data-caption="Lorem alt ipsum" data-src="../../img/placeholder/image_16.jpg" />

    <img ui-carousel-item src="../../img/placeholder/image_17.jpg" alt="Lorem alt ipsum" ui-image-open data-caption="Lorem alt ipsum" data-src="../../img/placeholder/image_17.jpg" />

</div>
 
<div class="c-gallery" ui-carousel data-config='{ "pageDots": false, "prevNextButtons": true, "prevNextButtonsInset": true }'>

  <img
    ui-carousel-item

    src="{{ '/img/placeholder/logo.jpg' | path }}"
    alt="Lorem alt ipsum"

    ui-image-open
    data-caption="Lorem alt ipsum"
    data-src="/img/placeholder/logo.jpg"

  />

  {% for index in [1, 2, 3, 4, 5, 6, 7, 8, 9, 10] %}
    <img
      ui-carousel-item

      src="{{ ['/img/placeholder/image_', index + 7, '.jpg'] | join | path }}"
      alt="Lorem alt ipsum"

      ui-image-open
      data-caption="Lorem alt ipsum"
      data-src="{{ ['/img/placeholder/image_', index + 7, '.jpg'] | join | path }}"

    />
  {% endfor %}

</div>
 
/* No context defined. */

No notes defined.