扩缩球/Flarum 扩展 - FancyBox

使用 FancyBox 进行图片格式化和灯箱模态。 (见 https://fancyapps.com/fancybox)

安装次数: 2,121

依赖: 0

建议者: 0

安全: 0

星标: 6

关注者: 0

分支: 5

开放问题: 4

语言:JavaScript

类型:Flarum 扩展

0.2-beta 2019-05-01 05:15 UTC

This package is not auto-updated.

Last update: 2024-09-17 17:53:49 UTC


README

使用 FancyBox 进行图片格式化和灯箱模态。

有关 FancyBox 的更多信息,请参阅: https://fancyapps.com/fancybox

特性

  • 在帖子中点击图片将启动 FancyBox 模态。这允许用户放大图片,在图片周围平移,并作为画廊在同一个帖子中导航多个图片。
  • 图片将使用格式显示,以规范尺寸和布局。
  • 如果帖子的作者将图片包裹在链接中,它将显示为外部链接。 (在这种情况下点击图片不会启动 FancyBox 模态。)

注意:此扩展不会生成缩略图。图片的存储位置以及文件大小/带宽使用量不受影响。

使用方法

图片布局

可以通过帖子标记的格式(例如,其 BBCode 或 Markdown)来控制图片布局。

如果图片不在包含任何文本或其他图片的段落中,即它至少由两个回车与文本或其他图片分开,则该图片是“独立”的。独立的图片以大格式显示。

Example of a stand-alone image

如果图片在包含文本或其他图片的段落中,则该图片是“内联”的。内联图片以小格式显示,以适应文本流。

Example of an inline image

(由于技术原因,如果图片仅由一个回车与文本或另一个图片分开,则被视为内联。)

图片链接

如特性部分所述,如果图片被链接包裹,其行为和外观将改变。最值得注意的是,为了保留链接,点击图片将打开链接而不是在 FancyBox 模态中打开图片。链接内的图片也不会添加到帖子的 FancyBox 画廊中。

作为这种行为改变的指标,链接中的图片有可见的边距和外部链接图标。链接中的独立图片显示的比通常要小。

Example of a standalone image wrapped in a link

请注意,如果需要,可以在与图片相同的链接内放置文本,以及多个图片。当然,这将导致图片为内联而不是独立。

Example of an inline image wrapped in a link with some text

安装

使用以下命令通过 Composer 安装此扩展:

composer require squeevee/flarum-ext-fancybox

支持

此扩展目前处于测试阶段。要报告错误,请在此 GitHub 存储库中打开问题

https://github.com/squeevee/flarum-ext-fancybox

许可

此扩展根据 GPLv3 许可。此扩展与 FancyBox 的制作者无关,也未得到其认可。