3D Photo Box - Advanced Media Gallery

Update 11/12/2020: Add Photo Box designer, advanced admin backend and authoring tool. 17/6/2020: New feature: Markup item and embedded link Introduction 3D Photo Box transforms the input photos into a three dimensional box with multiple image layers. Each layer can...

3D Photo Box - Advanced Media Gallery - 1

Update

11/12/2020: Add Photo Box designer, advanced admin backend and authoring tool.

17/6/2020: New feature: Markup item and embedded link

Introduction

3D Photo Box transforms the input photos into a three dimensional box with multiple image layers. Each layer can be flipped up or down to reveal the photos before or after it. Additionally the box can rotate automatically and adjust its view angle along X and Z axis.

Quality Control

Source code are well commented and thoroughly tested and checked to ensure its bug free quality for production.

Elegant fallback

A beautiful 2D Gallery is implemented as a fallback for browsers with unsupported CSS3D feature. The app auto switches to its fallback mode to ensure the best user experience.

Extensibility with ease

Easily customize and extend the application with your own code. We provide standalone building blocks as AMD modules using RequireJS.

Multiple Screen Supported

From desktop to mobile, the application will adapts to each screen size while maintaining elegant design and user experience.

Full Features

Two view angles in X and Z axis
Advanced full fledged 2D gallery mode: auto activated on browser with unsupported CSS3D features
Default dark theme and light theme
Multi media support: photo, audio, video, ajax, inline, embedded iframe
Multiple Controls: keyboard and mouse
Multiple Screen support: mobile, tablet. desktop
Multi categories support
Multiple examples files provided
Fullscreen support
Full width support
High quality Code Commenting
High quality Documentation
Custom item shadow supported using CSS box-shadow property
Over 50 configuration options
Easily create slideshow using useAutoplay option
HTML preprocessor using Pug templates
animejs as core animation engine: multiple easing equations support, configure delay, duration, callback with ease
Custom item shape using ovalShape and roundCorner options
Advanced MediaViewer component, a feature rich lightbox application to view extended contents
Advanced build system with Grunt: easily create distribution and examples file with builtin tasks
CSS preprocessor using SASS and Compass framework
Multiple SASS variables offering extreme flexibility to customize application look and feel
Many Gallery Forms parameters: wheelAngle, innerRadius, viewAngle
Custom components: ItemTitle, ItemDescription, ButtonList, ButtonNavigtaor, GalleryScrollbar
videojs as main video playback engine
audio5js as main audio playback engine
Lightweight: only 26KB in gzip format