<#if article.figures?has_content>
<div id="figure-carousel-section">
  <h2>Figures</h2>

  <div id="figure-carousel">

    <div class="carousel-wrapper"><#-- Horizontally scrolling view window -->
      <div class="slider"><#-- Large-width container -->
        <#list article.figures as figure>

          <#-- Omit figures that don't appear in article body (e.g. a striking image) -->
          <#if figure.contextElement?has_content>

            <div class="carousel-item lightbox-figure" data-doi="${figure.doi?html}">

              <@siteLink handlerName="assetFile" parameters={"type": "inline", "id": figure.doi} ; src>
                <img src="${src?html}"
                     <#if figure.title?has_content >
                     alt="${figure.title?html}"
                     </#if>
                />
              </@siteLink>

            </div>
          </#if>
        </#list>
      </div>
    </div>

    <div class="carousel-control">
      <span class="button previous"></span>
      <span class="button next"></span>
    </div>
    <div class="carousel-page-buttons">

    </div>
  </div>
</div>
<@js src="resource/js/vendor/jquery.touchswipe.js" />
<@js src="resource/js/components/figure_carousel.js" />
<@js src="resource/js/vendor/jquery.dotdotdot.js" />
</#if>


<#if article.figures?has_content>
<div id="figure-carousel-section">
  <h2>Figures</h2>

  <div id="figure-carousel">

    <div class="carousel-wrapper"><#-- Horizontally scrolling view window -->
      <div class="slider"><#-- Large-width container -->
        <#list article.figures as figure>

          <#-- Omit figures that don't appear in article body (e.g. a striking image) -->
          <#if figure.contextElement?has_content>

            <div class="carousel-item lightbox-figure" data-doi="${figure.doi?html}">

              <@siteLink handlerName="assetFile" parameters=(versionPtr + {"type": "inline", "id": figure.doi}) ; src>
                <img src="${src?html}"
                     <#if figure.title?has_content >
                     alt="${figure.title?html}"
                     </#if>
                />
              </@siteLink>

            </div>
          </#if>
        </#list>
      </div>
    </div>

    <div class="carousel-control">
      <span class="button previous"></span>
      <span class="button next"></span>
    </div>
    <div class="carousel-page-buttons">

    </div>
  </div>
</div>
<@js src="resource/js/vendor/jquery.touchswipe.js" />
<@js src="resource/js/components/figure_carousel.js" />
<@js src="resource/js/vendor/jquery.dotdotdot.js" />
</#if>


Apply version pointer to figure carousel
DPRO-2772: Apply version pointer to figure carousel
