3D Carousel Stack Gallery – WordPress Media Plugin

Javascript version

Update

13/11/2021: Fix caching issue with multiple projects
27/10/2021: Fix missing borderStyle and itemShadow settings
25/10/2021: Fix invalid media sources
21/10/2021: Support cross origin images
9/9/2021: Improve performance
2/8/2021: Various updates and improvements
5/6/2021: Fix img CSS issue

Introduction

3D Carousel Stack Gallery – WordPress plugin is a beautiful 3D photo carousel application. The classic carousel design is improved with the emphasis on the centered item’s position where it is evalated and shifted toward viewers eyes. Various options are available to modify the carousel look and feel like carousel radius, shifting distance and item reflection.

High Performance

Powered by CSS3 “transform” property, all rendered graphics and animations are hardware accelerated to guarantee the best performance.

Modular design

Application components are designed and split into separated modules with different responsibilities. Effortlessly swap out one component with another to modify the app functionalities.

Flexibility

Various controls, parameters and configuration options are implemented to make the application extremely easy to customize and extend further.

Multiple Screen Supported

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

Full Features

• Over 50 configuration options
• Customize look and feel variables like carousel radius and shifting distance
• Easily create slideshow using autoplay option
• Default dark theme and light theme
• Multi media support: photo, audio, video, ajax, inline, embedded iframe
• Advanced full fledged 2D gallery mode: auto activated on browser with unsupported CSS3D features
• Multiple Controls: keyboard and mouse
• Multiple Screen support: mobile, tablet. desktop
• Multi categories support
• Fullscreen support
• Full width support
• High quality Code Commenting
• High quality Documentation
• Custom item shadow supported using CSS box-shadow property
• Custom item shape using ovalShape and roundCorner options
• animejs as core animation engine: multiple easing equations support, configure delay, duration, callback with ease
• 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
• HTML preprocessor using Pug templates
• Advanced MediaViewer component, a feature rich lightbox application to view extended contents
• Custom components: ItemTitle, ItemDescription, ButtonList, ButtonNavigtaor, GalleryScrollbar
• videojs as main video playback engine
• audio5js as main audio playback engine
• Multiple examples files provided
• Lightweight: only 26KB in gzip format

Image Credits:unsplash.com

Video Credits:pexels.com