[Rejected] Modern PHP Image Gallery (No Database)
Responsive Grid. It Features A Polished Lightbox Viewer, Lazy Loading, Keyboard Navigation, Zoom And Pan, And Safe Output Handling. This Setup Uses A Single Page: `gallery.php`.
Screenshots
Item Description
Overview
- Drop images into the `gallery/` folder and they appear automatically.
- One page: - `gallery.php` – clean gallery with a lightbox. No visible captions on tiles; captions are shown inside the lightbox. Folder Structure
- `gallery/` – place your images here (`jpg`, `jpeg`, `png`, `gif`, `bmp`, `webp`).
- `gallery.php` – main gallery page.
- `assets/css/gallery.css` – styles for the gallery tiles and lightbox.
- `assets/js/gallery.js` – shared lightbox and effects. Requirements
- PHP 7.2+ recommended.
- Running on XAMPP (Windows) or any PHP-capable server.
- The server must allow reading the filesystem within `gallery/`. How It Works
- PHP scans `gallery/` recursively using `RecursiveDirectoryIterator`.
- Valid image files are rendered as `<img>` tiles.
- Filenames are cleaned and used for `alt` text; the lightbox shows them as captions.
- Image paths are URL-encoded and HTML-escaped. Usage
- Start XAMPP and visit: - `http://localhost/1/GalleryFolder/gallery.php`
- Add images into `gallery/`. New files appear automatically on refresh. Customization
- Colors and accents: tweak CSS variables in `assets/css/gallery.css` (e.g., `--accent`, `--bg`).
- Grid density: adjust `grid-template-columns` minimum width in `.gallery`.
- Hover intensity: tweak scale/contrast in the `:hover` selector.
- Lightbox zoom range: edit clamp values in `assets/js/gallery.js` (`1–3×` by default). Security Notes
- Captions and `alt` text use `htmlspecialchars(..., ENT_QUOTES)` to prevent HTML injection.
- Image `src` is built via per-segment `rawurlencode` and then HTML-escaped.
- Security headers sent by PHP: - `Content-Security-Policy` restricts scripts/styles/images to same-origin. - `X-Content-Type-Options: nosniff` helps prevent MIME-type sniffing. - `X-Frame-Options: SAMEORIGIN` reduces clickjacking risk. - `Referrer-Policy: strict-origin-when-cross-origin`.
- Optional: replicate headers in `.htaccess` for consistency across pages. Supported File Types
- `jpg`, `jpeg`, `png`, `gif`, `bmp`, `webp`. Troubleshooting
- Parse error “unexpected token `<`”: ensure PHP blocks are closed before `<!DOCTYPE html>`.
- Blank page or missing styles: confirm pages reference `assets/css` and `assets/js`.
- Images not showing: - Verify file extensions. - Ensure the server has read access to `gallery/`. - Check that image URLs resolve.
Credits
- Built with plain PHP, vanilla JS, and modern CSS. No external dependencies. Quick Integration (Dropin)
- Plug-and-play: copy `gallery.php`, the `assets/` folder, and your `gallery/` images into any project. Link to `gallery.php` directly — no dependencies, no build steps.
- Embed inside an existing PHP page: - Include the CSS/JS assets, then paste the gallery loop where you want the tiles to appear. - Paths can be absolute or relative depending on your project structure.
[More Instructuion in reade file]
Features
Lightbox with fade-in, keyboard navigation (`Esc`, `←`, `→`), and click-to-close backdrop.
- Zoom (mouse wheel) and pan (drag/touch) inside the lightbox; preloads next/previous images.
- Lazy-loading images for performance.
- Accessible `alt` text; captions derived from filenames and displayed within the lightbox.
- Recursive scan of `gallery/` (supports subfolders).
- Hardened output: safe HTML escaping and URL encoding for file names.
- Security headers (CSP, X-Frame-Options, Referrer-Policy, X-Content-Type-Options).
- Zero external libraries; pure PHP, CSS, and vanilla JS.
- Works standalone or embedded into existing templates.
- Automatically discovers images in `gallery/` (including subfolders).
- Safe by default (HTML escaping, URL encoding, and security headers).
Quick Integration (Drop‑in)
- Plug-and-play: copy `gallery.php`, the `assets/` folder, and your `gallery/` images into any project. Link to `gallery.php` directly — no dependencies, no build steps.
- Embed inside an existing PHP page:
- Include the CSS/JS assets, then paste the gallery loop where you want the tiles to appear.
- Paths can be absolute or relative depending on your project structure.
Information
| Category | Scripts & Code / PHP Scripts |
| First Release | 8 November 2025 |
| Last updated | 8 November 2025 |
| Files included | .php, .html, .css, Javascript .js |
| Framework HTML/CSS | Bootstrap |
| Framework Javascript | jQuery |
| Software version | PHP 7.2, PHP 7.3, PHP 7.4 |
| File Size | 7 MB |
| Frameworks | PHP Scripts |
100% Guarantee For Item! Money back guarantee policy applies.
Similar Items
