#set( $size = "image1500x1500.png") #set($tpath =
$mediaarchive.asLinkToPreview($pdf, $size))

<div class="container" style="background-color: black;">
	<div class="row">
		<div class="col-6 offset-3">
			<div id="carouselExampleCaptions" class="carousel slide"
				data-bs-ride="carousel">
				
				<div class="carousel-inner">
					#foreach($pdfpage in $pdfpages.getPageOfHits())
					
					<div class="carousel-item #if($foreach.count==1)active#end">
						<img src="$tpath?pagenum=$!pdfpage.pagenumber"
							class="d-block w-100" alt="...">
						
					</div>
					#end

				</div>
				<button class="carousel-control-prev" type="button"
					data-bs-target="#carouselExampleCaptions" data-bs-slide="prev">
					<span class="carousel-control-prev-icon" aria-hidden="true"></span>
					<span class="visually-hidden">Previous</span>
				</button>
				<button class="carousel-control-next" type="button"
					data-bs-target="#carouselExampleCaptions" data-bs-slide="next">
					<span class="carousel-control-next-icon" aria-hidden="true"></span>
					<span class="visually-hidden">Next</span>
				</button>
			</div>
		</div>
	</div>
</div>