X7ROOT File Manager
Current Path:
/home/u126090504/domains/shreeganeshacademy.in/public_html
home
/
u126090504
/
domains
/
shreeganeshacademy.in
/
public_html
/
📁
..
📄
Antiraging-Cell.php
(2.73 KB)
📄
B.Ed.&B.P.Ed.php
(4.44 KB)
📄
about-us.php
(8.82 KB)
📄
academic-head-message.php
(5.84 KB)
📄
achievers.php
(3.07 KB)
📁
admin
📄
admission.php
(4.56 KB)
📄
admission_submit.php
(1.96 KB)
📄
album.php
(890 B)
📄
computer-courses.php
(20.66 KB)
📄
config.php
(1.17 KB)
📄
contact-us.php
(14.66 KB)
📄
contactdb.php
(796 B)
📁
css
📄
director's-message.php
(5.17 KB)
📄
downloads.php
(3.14 KB)
📄
error.log
(14.6 KB)
📄
facilities.php
(5.62 KB)
📄
faculty.php
(4.96 KB)
📁
fonts
📄
footer.php
(32.51 KB)
📄
franchise.php
(2.09 KB)
📄
gallery.php
(3.21 KB)
📄
governing-body.php
(3.58 KB)
📄
grievance-form.php
(13.71 KB)
📄
header.php
(13.48 KB)
📁
images
📄
index.php
(71.3 KB)
📁
js
📁
lib
📄
our-recruiters.php
(2.77 KB)
📄
payment.php
(8.1 KB)
📄
payment_submit.php
(10.97 KB)
📄
payment_verify.php
(2.31 KB)
📄
placement.php
(8.33 KB)
📄
principal's-message.php
(6.02 KB)
📁
qrcodes
📁
revolution
📄
scope.php
(14.14 KB)
📄
search_videos.php
(1.76 KB)
📄
shreeganesh.zip
(66.92 MB)
📄
submit-grievance.php
(3.88 KB)
📄
thank-you.php
(1.28 KB)
📄
tutorial.php
(4.8 KB)
📄
u126090504_shreeg.sql
(36.69 KB)
📁
uploads
📄
videos.php
(4.38 KB)
Editing: gallery.php
<?php require_once 'config.php'; include 'header.php'; ?> <!-- Page Title --> <div class="ttm-page-title-row"> <div class="ttm-page-title-row-inner ttm-textcolor-white"> <div class="container"> <div class="row align-items-center"> <div class="col-lg-12"> <div class="page-title-heading"> <h2 class="title">Gallery</h2> </div> <div class="breadcrumb-wrapper"> <span><a title="Homepage" href="index.php">Home</a></span> </div> </div> </div> </div> </div> </div> <!-- Page Title End --> <!-- Lightbox CSS --> <link href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.3/css/lightbox.min.css" rel="stylesheet"> <style> .gallery-img { width: 100%; aspect-ratio: 1 / 1; /* Always square */ object-fit: cover; /* Crop overflow */ border-radius: 8px; box-shadow: 0px 2px 6px rgba(0,0,0,0.15); transition: transform 0.3s ease; } .gallery-img:hover { transform: scale(1.05); } .filter-btn { margin: 5px; } </style> <!-- Site Main --> <div class="site-main"> <section class="ttm-row portfolio-section clearfix"> <div class="container"> <h2 class="text-center mb-4">Photo Gallery</h2> <!-- Filter Buttons --> <div class="text-center mb-4"> <button class="btn btn-outline-dark filter-btn" onclick="filterSelection('all')">ALL</button> <?php $albums = $conn->query("SELECT * FROM albums ORDER BY name DESC"); while ($a = $albums->fetch_assoc()) { echo "<button class='btn btn-outline-dark filter-btn' onclick=\"filterSelection('album{$a['id']}')\">{$a['name']}</button>"; } ?> </div> <!-- Gallery Grid --> <div class="row" id="galleryGrid"> <?php $res = $conn->query("SELECT p.*, a.name AS album, a.id AS album_id FROM photos p JOIN albums a ON p.album_id=a.id ORDER BY p.uploaded_at DESC"); while ($row = $res->fetch_assoc()) { echo "<div class='col-lg-3 col-md-4 col-sm-6 mb-4 filter-item album{$row['album_id']}'> <a href='uploads/gallery/{$row['filename']}' data-lightbox='gallery' data-title='{$row['album']}'> <img src='uploads/gallery/{$row['filename']}' alt='{$row['album']}' class='gallery-img'> </a> </div>"; } ?> </div> </div> </section> </div> <!-- Lightbox JS --> <script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.3/js/lightbox.min.js"></script> <script> // ✅ JS Filter Function function filterSelection(category) { let items = document.getElementsByClassName("filter-item"); if (category === "all") category = ""; for (let i = 0; i < items.length; i++) { items[i].style.display = items[i].className.indexOf(category) > -1 ? "block" : "none"; } } // Default show all filterSelection("all"); </script> <?php include("footer.php"); ?>
Upload File
Create Folder