Galeria Modal Bootstrap

Front-end
, ,
#1

Olá galera, tô fazendo uma galeria Modal com Bootstrap, mas não consigo ir/voltar para a próxima foto, não acontece nada. Segue o código abaixo:

<div class="modal fade" id="modalExemplo1" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title" id="exampleModalLabel">Título do modal</h5>
				
				<button type="button" class="close" data-dismiss="modal" aria-label="Fechar">
					<span aria-hidden="true">&times;</span>
				</button>
			</div>
			
			<div class="modal-body">
				<a class="lead" style="font-size: 50px; color: black;" href="#modalExemplo9"> « </a>
				<img class="img/ftgal.jpg" alt="Thumbnail [100%x225]" style="height: 225px; width: 100%; display: block;" src="img/ftgal.jpg" data-holder-rendered="true">
				<a class="lead" style="font-size: 50px; color: black;" href="#modalExemplo12"> » </a>
			</div>
		</div>
	</div>
</div>
</div>
</div>
</div>
</div>

<div class="col-md-4">
	<div class="card mb-4 shadow-sm">
		<!-- Botão para acionar modal -->
		<button type="button" data-toggle="modal" data-target="#modalExemplo2">
			<img class="card-img-top" data-src="ftgal2.jpg" alt="Thumbnail [100%x225]" src="img/ftgal2.jpg" data-holder-rendered="true" style="height: 225px; width: 100%; display: block;">
		</button>