Display the Gallery as a Slider postprocess

displayPostProcessSlider.cfm

<cfsetting enablecfoutputonly="true" />
<!--- @@displayname: Post Process Slider --->

<!-- START BOOTSTRAP CAROUSEL -->

<cfif arrayLen(stobj.aImage)>
  <cfoutput>
    <div id="portfolio-slider-1" class="carousel slide carousel-controls-right">
    <div class="carousel-inner popup-gallery" style="max-height:270px;">
  </cfoutput>
  <cfloop from="1" to="#arrayLen(stobj.aImage)#" index="i">
    <cfset stImage = application.fapi.getContentObject(typename="dmImage", objectid=stObj.aImage[i])>
    <cfoutput>
      <div class="<cfif i EQ 1>active </cfif>item"><a class="hover-img popup-gallery-image" href="#stImage.standardImage#" data-effect="mfp-zoom-out"><img src="#stImage.GallerySliderImage#" alt="Image Alternative text" title="Street" /></a></div>
    </cfoutput>
  </cfloop>
  <cfoutput>
    </div>
    <a class="carousel-control left" href="##portfolio-slider-1" data-slide="prev"></a> <a class="carousel-control right" href="##portfolio-slider-1" data-slide="next"></a>
    </div>
    <div class="gap gap-small"></div>
  </cfoutput>
</cfif>
<!-- END BOOTSTRAP CAROUSEL -->

<cfsetting enablecfoutputonly="false" />