3D Photo Queue - WordPress Media Plugin

Javascript with backend

Update

3/4/2021: Fix the cache problem

June 2, 2021: Maintenance and general improvements

3D photo queue-WordPress plugin

3D Photo Queue is a multifunctional html5 javascript application that uses CSS3D functions to create a highly optimized and efficient 3D photo library.The photo is designed like a project queue, which can be scrolled up and down to display other projects.Many options can be used to customize its behavior, such as reflections, display shapes, and a full set of 14 switching modes to create unlimited designs.

Component architect

Each UI element is designed from the ground up as an independent component. Components are loosely coupled widget objects that can be reused and customized in different projects.

Easy to expand

Easily customize and extend the application with your own code. We use RequireJS to provide independent building blocks as AMD modules.

Rich API

Technical design provides many classic OOP advantages, such as the single responsibility principle, but also provides a wide range of public methods unique to each component.

Elegant backup

A beautiful 2D gallery is implemented as a fallback for browsers with unsupported CSS3D features. The application automatically switches to fallback mode to ensure the best user experience.

Full Function

14 variable speed modes allow you to freely create unlimited designs and experiences
Two perspectives on the X and Y axis
More than 50 configuration options
Advanced full 2D gallery mode: automatically activated on the browser, with unsupported CSS3D features
Easily create slideshows with autoplay option
Standard dark theme and light theme
Use the CSS box-shadow property to support custom project shadows
Multimedia support: photo, audio, video, ajax, embedded, embedded iframe
Multi-screen support: mobile phones, tablets. desktop
Multiple controls: keyboard and mouse
Multi-category support
Full screen support
Full width support
High-quality code comments
High-quality documentation
Animejs as the core animation engine: supports a variety of easing equations, easy to configure delay, duration, callback
Use custom item shapesovalShape and roundCorner options
Advanced MediaViewer component, a feature-rich lightbox application for viewing extended content
Use Grunt's advanced build system: use built-in tasks to easily create distributions and sample files
CSS preprocessor using SASS and Compass framework
Multiple SASS variables provide great flexibility for customizing the look and feel of the application
HTML preprocessor using Pug templates
Advanced customizer with built-in presets: Use a common user interface to easily configure the appearance.
Many gallery form parameters: wheelAngle, innerRadius, viewAngle
Custom Components: ItemTitle, ItemDescription, ButtonList, ButtonNavigtaor, GalleryScrollbar
videojs as the main video playback engine
audio5js as the main audio playback engine
Multiple sample files are provided
Lightweight: only 26KB in gzip format