3D 照片队列 – WordPress 媒体插件

带后端的 Javascript

更新

2021 年 3 月 4 日：修复缓存问题

2021 年 6 月 2 日：维护和一般改进

3D 照片队列 – WordPress 插件

3D Photo Queue 是一款多功能的 html5 javascript 应用程序，它使用 CSS3D 功能创建高度优化和高效的 3D 照片库。这些照片被设计成一排物品，可以上下滚动以显示其他物品。 有许多选项可用于自定义其行为，例如反射、显示形状和总共 14 种变速模式，以创建无限的设计。

组件架构师

每个 UI 元素都从头开始设计为独立的组件。组件是松散耦合的小部件对象，可以在不同的项目中重用和自定义。

轻松扩展

使用您自己的代码轻松自定义和扩展应用程序。我们使用 RequireJS 提供独立的构建块作为 AMD 模块。

丰富的API

技术设计提供了许多经典的 OOP 优势，例如单一责任原则，但也提供了每个组件独有的广泛公共方法。

优雅的后备

一个漂亮的 2D 图库被实现为具有不受支持的 CSS3D 功能的浏览器的后备。应用会自动切换到其回退模式，以确保最佳用户体验。

完整功能

• 14 种变速模式让您自由创造无限的设计和体验
• X 轴和 Y 轴上的两个视角
• 超过 50 种配置选项
• 高级成熟的 2D 图库模式：在浏览器上自动激活，具有不受支持的 CSS3D 功能
• 使用自动播放选项轻松创建幻灯片
• 默认深色主题和浅色主题
• 使用 CSS box-shadow 属性支持自定义项目阴影
• 多媒体支持：照片、音频、视频、ajax、内联、嵌入式 iframe
• 多屏支持：手机、平板电脑。桌面
• 多种控制：键盘和鼠标
• 多类别支持
• 全屏支持
• 全宽支持
• 高质量的代码注释
• 高质量的文档
• AnimeJS 作为核心动画引擎：支持多个缓动方程，轻松配置延迟、持续时间、回调
• 自定义项目形状 椭圆形 和圆形角 选项
• 高级 MediaViewer 组件，一个功能丰富的灯箱应用程序，用于查看扩展内容
• 使用 Grunt 的高级构建系统：轻松创建带有内置任务的分发和示例文件
• 使用 SASS 和 Compass 框架的 CSS 预处理器
• 多个 SASS 变量提供极大的灵活性，可自定义应用程序的外观和感觉
• 使用 Pug 模板的 HTML 预处理器
• 具有内置预设的高级定制器：使用通用用户界面轻松配置外观。
• 许多图库表单参数：wheelAngle、innerRadius、viewAngle
• 自定义组件：ItemTitle、ItemDescription、ButtonList、ButtonNavigtaor、GalleryScrollbar
• videojs 作为主要视频播放引擎
• audio5js 作为主要音频播放引擎
• 提供多个示例文件
• 轻量级：gzip 格式仅 26KB

图片Credits:unsplash.com

视频Credits:pexels.com