File "modal_for_gallery.php"

Full path: /home/fsibplc/public_html/fsib/modal_for_gallery.php
File size: 2.74 B (2.74 KB bytes)
MIME-type: text/x-php
Charset: utf-8

Download   Open   Edit   Advanced Editor   Back

<?php
 $cate_id = $rows['category_id'];

  $pic_sql = "select * from gallery where category_id='".$cate_id."'";
  $result1=$conn->query($pic_sql);
?>
<div class="modal fade literacy_modal" id="lightbox<?php echo $rows['category_id'];?>">
    <div class="modal-dialog  modal-xl modal-dialog-centered literacy_modal1">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>

            <div class="modal-body hero" style="border-radius: 30px;">

                <div id="hero_slider<?= $rows['category_id'] ?>" class="carousel slide" data-bs-ride="carousel">

                    <div class="carousel-inner">
      
                    <?php
                        $i= 0;
                        foreach($result1 as $rows){
                            $actives = '';
                            if($i==0){
                                $actives = 'active';
                            }
                        
                    ?>
                           
                        ?>
                        <div class="carousel-item <?= $actives;?>">
                            <img src="uploads/gallery/<?php echo $rows['image'];?>" class="d-block w-100" height="400" alt="...">
                            <div class="carousel-caption  d-md-block">
                                <h5><?php echo $rows['field_1'];?></h5>
                                <p class="text-center"><?php echo $rows['field_1'];?>
                                </p>
                            </div>
                        </div>
                        <?php
                        $i++;
                    }
                        ?>
         
                        <button class="carousel-control-prev" type="button" data-bs-target="#hero_slider<?= $rows['category_id'] ?>"
                            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="#hero_slider<?= $rows['category_id'] ?>"
                            data-bs-slide="next">
                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
                            <span class="visually-hidden">Next</span>
                        </button>
                    </div>
                </div>

            </div><!-- /.modal-body -->
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->