PHP Konusunda Ufak Bir Yardım Edebilir Misiniz (r10+)

Merhabalar.

https://onurcansevinc.com/foto-galeri

Şu görsellere tıklayınca açılan pop-upta sağ ve sola gitmek için buton eklenmesi gerekiyor. Kod satırını aşağıya bırakıyorum. Yardımcı olmanız bizi çok mutlu eder.

<?php require('ust.php');?>
<title><?php echo $diller['fotogaleri']; ?>-<?php echo $ayar['siteadi']; ?></title>
<meta name="description" content="<?php echo $ayar['des']; ?>">
<meta name="keywords" content="<?php echo $ayar['keyw']; ?>">
<?php require('menu.php');?>


<!-- Page Title Start -->
    <section class="page-title-section" style="background-image: url(banner.jpg);">
        <div class="container">
            <div class="row">
                <div class="col-xl-12 text-center">
                    <div class="page-title-content">
                        <h3 class="title text-white"><?php echo $diller['fotogaleri']; ?></h3>
                        <nav aria-label="breadcrumb">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="<?php echo $ayar['url']; ?>"><?php echo $diller['anasayfa']; ?></a></li>
                                <li class="breadcrumb-item active" aria-current="page">
                                <?php echo $diller['fotogaleri']; ?></li>
                            </ol>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Page Title End -->
    <!-- Feature Section Start -->
    <section class="feature-section pdt-110 pdb-130 bg-silver-light bg-no-repeat" data-background="tema/images/bg/abs-bg5.png">
        <div class="container">
            <div class="row">
                
            
                        <?php $ref = $DB->query("select * from sayfa_resim where konu='fotogaleri' order by id desc")->fetchAll(PDO::FETCH_ASSOC);
                        foreach($ref as $referans){?>    
                            
                    
                    <div class="col-lg-3" style="margin-bottom:20px;">
                      
                            <a class="example-image-link"  href="images/diger/<?php echo $referans['sayfaresim']; ?>" data-lightbox="example-1">
                                <img style="width: 300px;height: 200px;" class="img-responsive" src="images/diger/<?php echo $referans['sayfaresim']; ?>" alt="Resim">
                                </a>
                    
                    </div>
                  
                                
             <?php } ?>
                  
                
                
            </div>
            
            
            
            
            
            
            
            
        </div>
        
        
        
        
        
    </section>
    <!-- Feature Section End -->
<link rel="stylesheet" href="lightbox/lightbox.min.css">
<script src="lightbox/lightbox-plus-jquery.min.js"></script>      
<?php require('footer.php');?>
<?php require('ust.php');?>
<title><?php echo $diller['fotogaleri']; ?>-<?php echo $ayar['siteadi']; ?></title>
<meta name="description" content="<?php echo $ayar['des']; ?>">
<meta name="keywords" content="<?php echo $ayar['keyw']; ?>">
<?php require('menu.php');?>


<!-- Page Title Start -->
    <section class="page-title-section" style="background-image: url(banner.jpg);">
        <div class="container">
            <div class="row">
                <div class="col-xl-12 text-center">
                    <div class="page-title-content">
                        <h3 class="title text-white"><?php echo $diller['fotogaleri']; ?></h3>
                        <nav aria-label="breadcrumb">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="<?php echo $ayar['url']; ?>"><?php echo $diller['anasayfa']; ?></a></li>
                                <li class="breadcrumb-item active" aria-current="page">
                                <?php echo $diller['fotogaleri']; ?></li>
                            </ol>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Page Title End -->
    <!-- Feature Section Start -->
    <section class="feature-section pdt-110 pdb-130 bg-silver-light bg-no-repeat" data-background="tema/images/bg/abs-bg5.png">
        <div class="container">
            <div class="row">
                
            
                        <?php $ref = $DB->query("select * from sayfa_resim where konu='fotogaleri' order by id desc")->fetchAll(PDO::FETCH_ASSOC);
                        foreach($ref as $referans){?>    
                            
                    
                    <div class="col-lg-3" style="margin-bottom:20px;">
                      
                            <a class="example-image-link"  href="images/diger/<?php echo $referans['sayfaresim']; ?>" data-lightbox="example-1">
                                <img style="width: 300px;height: 200px;" class="img-responsive" src="images/diger/<?php echo $referans['sayfaresim']; ?>" alt="Resim">
                                </a>
                    
                    </div>
                  
                                
             <?php } ?>
                  
                
                
            </div>
            
            
            
            
            
            
            
            
        </div>
        
        
        
        
        
    </section>
    <!-- Feature Section End -->
<link rel="stylesheet" href="lightbox/lightbox.min.css">
<script src="lightbox/lightbox-plus-jquery.min.js"></script>      
<?php require('footer.php');?>

Bunun php ile ilgili bir sorunu yok. Aşağıdaki resimlere ulaşılamadığı için gözükmüyor buraya gerekli iconları atarsanız sorununuz çözülmüş olur.
https://onurcansevinc.com/images/prev.png
https://onurcansevinc.com/images/next.png

Çok teşekkür ederim hocam
Sorunum çözüldü.