<!-- jQuery (versão mais recente) -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>

<!-- Bootstrap JS (versão mais recente) -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>

<!-- Lightbox2 (versão mais recente) -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.4/css/lightbox.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.4/js/lightbox.min.js"></script>

<div class="lightbox-gallery">
    <div class="container p-0">
        <div class="row photos">
			<!-- Bootstrap configurar quantas mostrar no (<= 54; $i++)) -->
            <?php for ($i = 1; $i <= 11; $i++) : ?>
                <div class="col-sm-6 col-md-4 col-lg-3 item">
                    <a href="<?=$url?>image/galeria/<?=$i?>.jpg" data-lightbox="photos">
                        <img class="img-fluid" src="<?=$url?>image/galeria/<?=$i?>.jpg" alt="<?=$h1?>" title="<?=$h1?>">
                    </a>
                </div>
            <?php endfor; ?>
        </div>
    </div>
</div>

