€ 39.99
Description
Deliverables: ZIP archive containing the masonry layout page, image data file, and lazy-loading script.
Product Description:
A web page featuring a masonry (waterfall) layout designed for images of varying heights. Images are displayed with randomized widths (based on two preset aspect ratios); clicking an image triggers a modal overlay that displays the full-size image, the project title, and a brief caption. Additional content automatically loads as the user scrolls to the bottom of the page (requires data configuration).
Core Features:
Supports up to 40 images.
Includes an automated tool (local HTML file) for calculating image aspect ratios.
The modal overlay supports keyboard left/right arrow navigation for switching between images.
Delivery & Usage:
You populate the path, title, and caption for each image by editing the `gallery.json` file. Images should be prepared according to the specified dimensions (cropping guidelines are included in the archive). The lazy-loading feature works out-of-the-box and requires no additional configuration.
Use Cases: Photography portfolios, design case studies, visual art showcases.
