BossBey File Manager

Editing: view_newsletter.php

<?php include('header.php'); ?>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.2.0/magnific-popup.css" integrity="sha512-UhvuUthI9VM4N3ZJ5o1lZgj2zNtANzr3zyucuZZDy67BO6Ep5+rJN2PST7kPj+fOI7M/7wVeYaSaaAICmIQ4sQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />

<?php

$urllll = $_SERVER['REQUEST_URI'];
    $parts = explode('/', trim($urllll, '/'));
    $lastParam = urldecode(end($parts));

$folder = 'newsletter/'.$lastParam.'';

$images = array_diff(scandir($folder), array('.', '..'));

$imageFiles = [];

foreach ($images as $file) {
        if (preg_match('/\.(jpg|jpeg|png|gif|webp)$/i', $file)) {
            $imageFiles[] = $file;
        }
    }
    // echo "<pre>";print_r($imageFiles);

<div class="page-title parallax parallax1">
    <div class="overlay"></div>
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="page-title-heading">
                    <h1 class="title"><?=$lastParam?></h1>
                    <div class="breadcrumbs">
                        <ul>
                            <li><a href="">Venkateshwar Signature School</a></li>
                            <li><?=$lastParam?></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<section class="flat-row portfolio-row-page pad-bottom90px">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div class="portfolioFilter popup-gallery clearfix">
                    <?php for($i=1;$i<=count($imageFiles);$i++){ ?>
                        <a class="col-md-3 col-sm-4 col-xs-6 width-full " href="<?=$url?>/newsletter/<?=$lastParam?>/<?=$i?>.jpg" >
                            <img src="<?=$url?>/newsletter/<?=$lastParam?>/<?=$i?>.jpg">
                        </a>
                    <?php } ?>
                </div>
            </div>
        </div>
    </div>
</section>
<script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js"></script>
<script>
    // popup-gallery
    jQuery(document).ready(function ($) {
        $(".popup-gallery").magnificPopup({
            delegate: "a",
            type: "image",
            tLoading: "Loading image #%curr%...",
            mainClass: "mfp-img-mobile",
            gallery: {
            enabled: true,
            navigateByImgClick: true,
            preload: [0, 1] // Preload previous and next images
            },
            image: {
            tError: '<a href="%url%">The image #%curr%</a> could not be loaded.',
            titleSrc: function (item) {
                return item.el.attr("title") || "";
            }
            }
        });
    });

</script>

<?php include('footer.php'); ?>

Cancel