跳到内容
在本页上

Fancybox公司

Fancybox是最终的JavaScript lightbox替代品,为多媒体显示中的高级用户体验设定了标准。支持图像、视频、地图、内联内容、iframe和任何其他HTML内容。

这是第五代Fancybox。旋转和平移组件都是在引擎盖下使用的,这就是为什么这个项目如此独特。此外,Fancybox很容易集成到任何JavaScript框架中,请参阅示例反应、Vue和角度.

主要功能

  • 用TypeScript编写,没有外部依赖项
  • 可通过大量配置选项和CSS变量进行高度定制
  • 通过滑动、拖动和点按缩放手势优化触控和移动功能
  • 同时打开多个(活动)实例
  • 两种缩略图-经典和现代新的
  • 紧凑型模式,提供类似手机的用户体验新的
  • 各种转换控制新的
  • 支架<图片>要素新的
  • 可以处理包含无限项的库新的
  • 空闲状态新的
  • 鼠标平移新的
  • 焦点陷阱

示例

基本示例

画廊图片#1画廊图片#2画廊图片#3
画廊图片#4画廊图片#5画廊图片#6

转换控制

转换图片#1转换图片#1转换图片#1

鼠标平移

平移图片#1平移图片#2平移图片#3平移图片#4

视频

视频海报#1视频海报#2视频海报#3

各种

联合收割机

您无需执行任何其他步骤即可将Carousel与Fancybox结合起来。它们将自动同步,不需要额外的代码。

下一步是什么

请参阅Showcase页面更多详细示例。查看相应插件页面上的其他示例,例如:

有关安装和使用说明,请参见快速入门第页。