X7ROOT File Manager
Current Path:
/home/u126090504/domains/oceanicabeachresort.com/public_html
home
/
u126090504
/
domains
/
oceanicabeachresort.com
/
public_html
/
📁
..
📄
.htaccess
(0 B)
📁
Version
📄
about.php
(4.19 KB)
📁
admin
📁
assets
📄
booking.php
(4.55 KB)
📄
booking_details.php
(4.43 KB)
📄
booking_process.php
(1.12 KB)
📄
config.php
(914 B)
📄
contact.php
(14.48 KB)
📄
contactdb.php
(796 B)
📄
footer.php
(13.26 KB)
📄
gallery.php
(2.82 KB)
📄
header.php
(19.3 KB)
📁
images
📄
index.php
(2.27 KB)
📄
indexx.php
(75.25 KB)
📁
lib
📄
oce.zip
(106.17 MB)
📄
payment.php
(6.79 KB)
📄
payment_submit.php
(15.1 KB)
📄
payment_verify.php
(2.31 KB)
📁
qrcodes
📄
room-service.php
(8.98 KB)
📄
search_videos.php
(1.76 KB)
📄
services.php
(14.04 KB)
📄
success.php
(2.06 KB)
📄
test_mailer.php
(372 B)
📄
thank-you.php
(1.28 KB)
📁
uploads
📄
videos.php
(6.87 KB)
Editing: gallery.php
<?php require_once 'config.php'; include 'header.php'; ?> <!-- header end--> <!-- main start --> <main class="main"> <!-- hero section 3 start --> <!-- page-title --> <!-- 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" style="margin-top:5%;">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> </main> <!-- main end --> <?php include 'footer.php'; ?>
Upload File
Create Folder