{{/* Bootstrap Carousel A slideshow component for cycling through images like a carousel. https://getbootstrap.com/docs/5.1/components/carousel/ Serve responsive images https://web.dev/serve-responsive-images/ https://cloudfour.com/thinks/responsive-images-the-simple-way/ https://responsivebreakpoints.com/ Lazyloading https://github.com/aFarkas/lazysizes Fixing The Resizing Problem Setting Height And Width On Images Is Important Again https://www.smashingmagazine.com/2020/03/setting-height-width-images-important-again/ New aspect-ratio CSS property supported in Chromium, Safari Technology Preview, and Firefox Nightly https://web.dev/aspect-ratio/ Parameters: - "imagesPattern" to pass to resources.Match - "aspectRatio" to be used in aspect-ratio CSS property (default "16/9") - "crossFade" boolean to animate slides with a fade transition instead of a slide (default false) - "withIndicators" boolean to add the indicators to the carousel, alongside the controls (default false) - "withControls" boolean to add the previous and next controls (default false) Example: partial "carousel.html" (dict "context" . "imagesPattern" "carousel/home/*.png" "aspectRatio" "8/3" "withControls" true) */}} {{/* warnf "Carousel imagesPattern: '%+v'" .imagesPattern */}} {{/* warnf "Carousel aspectRatio: '%+v'" .aspectRatio */}} {{/* warnf "Carousel crossFade: '%+v'" .crossFade */}} {{/* warnf "Carousel withIndicators: '%+v'" .withIndicators */}} {{/* warnf "Carousel withControls: '%+v'" .withControls */}} {{ $images := resources.Match .imagesPattern }}