tei/photoswipe

TYPO3 PhotoSwipe 插件，用于原生图片放大

维护者

详细信息

github.com/j0nnybrav079/photoswipe

源代码

问题

安装: 923

依赖关系: 0

建议者: 0

安全性: 0

星标: 0

关注者: 2

分支: 2

开放问题: 0

语言:JavaScript

类型:typo3-cms-extension

2.0.8 2024-09-18 10:08 UTC

Requires

Replaces

  • typo3-ter/photoswipe: 2.0.8

GPL-2.0-or-later e366da4e90c7c6a4252e94b13195162eb45781bc

  • Tobias Eichelbegrer
  • Natascha Becker

extensionlayertypo3lightboxphotoswipeimage zoom

This package is auto-updated.

Last update: 2024-09-18 10:09:48 UTC

README

Latest Stable Version TYPO3 License

扩展键: photoswipe

语言: en

描述: 将 photoswipe.com JavaScript 插件（版本 5.4.2 https://github.com/dimsemenov/photoswipe）添加为默认的图片放大插件

关键词: 画廊，photoswipe，灯箱，层，缩放

版权 2024

作者: Tobias Eichelberger

邮箱: tobi.eichelberger@gmail.com

许可: 本文档根据从 opencontent.org/openpub/ 获取的开放出版许可发布。本文档内容与 TYPO3 相关，TYPO3 是一个可从 www.typo3.org 获取的 GNU/GPL CMS 框架。

管理

安装

通过 ExtensionManager

  1. 转到 ExtensionManager 并安装扩展
  2. 包含静态模板 "PhotoSwipe (photoswipe)"
  3. 如有需要，配置扩展（见下文部分）

通过 Composer

  1. 通过 composer 安装扩展：composer require tei/photoswipe
  2. 包含静态模板 "PhotoSwipe (photoswipe)"
  3. 如有需要，配置扩展（见下文部分）

配置

您可以在常量编辑器中覆盖所有文件。

您的 HTML 中的 PhotoSwipe

初始化 photoswipe 的默认设置是通过 TYPO3 的默认 CSS 类 "ce-gallery"。您的 HTML 必须看起来像这样

<someHtmlEl class="your-wrapper-class">
    [... code / parent nodes]
        <figure>
            <a href="big image" data-ispsw-img="1" data-pswp-width="800" data-pswp-height="500">
                <img [opt: title='used as caption']/>
            </a>
            [opt: <figcaption>prefered as caption</figcaption>]
        </figure>
    [/... code / parent nodes]
</someHtmlEl>

用法

只需在后台使用常规的 "点击放大" 复选框。如果您有多于一张图片，扩展将在缩放视图中添加箭头。

层

安装 photoswipe 后，TYPO3 将为您提供新的链接类型 "层"。您可以选择页面（iFrame）和内容元素（innerHTML）。