Replace
23/04/2023: Repair show difficulty on mobiel Safari
17/12/2020: Set pixel ratio on cell gadgets
19/11/2020: Add picture looping mode
10/11/2020: Add “Photograph Cloud Designer”, superior admin backend permits importing, modifying and config the gallery utilizing widgets and person interfaces.
Introduction
3D Photograph Cloud Gallery is a complicated feature-rich javascript net utility with stunning design and excessive flexibility. Photograph gadgets are distributed randomly in 3D house the place they’ll float freely in horizontal or vertical axis. When activated, every picture is dropped at heart entrance and create an enticing expertise.
A number of Display screen Supported
From desktop to cell, the applying will adapts to every display dimension whereas sustaining elegant design and person expertise.
Extensibility with ease
Simply customise and lengthen the applying with your individual code. We offer standalone constructing blocks as AMD modules utilizing RequireJS.
Part Architect
Each UI parts are designed as separated elements from the bottom up. Elements are loosely coupled widget objects that may be reused and customised in numerous initiatives.
Excessive Efficiency
Powered by WebGL, all rendering graphics and animations are {hardware} accelerated to ensure the very best efficiency.
Full Options
- Over 30 configuration choices
- Multi classes assist
- A number of Controls: Keyboard and Mouse
- Fullscreen assist
- Full width assist
- A number of Display screen assist: cell, pill. desktop
- Full fledged and superior 2D gallery mode: auto activated on unsupported WebGL browser
- Prime quality Code Commenting
- Prime quality Documentation
- 3 physic based mostly animation choices: velocity, maxSpeed, friction
- Mild theme assist
- vertical and horizontal orientation
- CSS preprocessor utilizing SASS and Compass framework
- A number of SASS variables providing excessive flexibility to customise utility appear and feel
- HTML preprocessor utilizing Pug templates
- Superior construct system with Grunt: simply create distribution and examples file with builtin duties
- animejs as core animation engine: a number of easing equations assist, configure delay, period, callback with ease
- scaleToFit characteristic: “good”, “all the time”, “none”
- viewAngle characteristic: alter gallery perspective view
- Customized elements: ItemTitle and ItemDescription
- A number of examples information supplied
Picture Credit:unsplash.com
Video Credit:pexels.com
