The 'slideshow' is called a carousel. There are tons of examples if you search for Bootstrap 5 Carousel -
Google bootstrap 5 carousel[
^]
The first one that popped up gives you multiple uses and sample code -
Carousel - With controls[
^] is the sample you can take a look at -
Quote:
Adding in the 'previous' and 'next' controls. We recommend using 'button' elements, but you can also use 'a' elements with 'role="button'".
<div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="..." class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="..." class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="..." class="d-block w-100" alt="...">
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="prev">
Previous
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="next">
Next
</button>
</div>
Make sure that you referenced the bootstrap 5 file in your Head part.