dl/gallery

Neos插件,轻松渲染图片画廊

安装次数: 14,205

依赖者: 2

建议者: 0

安全: 0

星标: 13

关注者: 7

分支: 15

公开问题: 5

语言:CSS

类型:neos-plugin

4.4.0 2023-11-05 18:45 UTC

README

Latest Stable Version Total Downloads Latest Unstable Version License

Neos画廊

此包提供了一种节点类型,可以轻松渲染图片画廊。

安装和集成

使用composer进行安装

composer require dl/gallery

(取消)激活CSS / JavaScript自动加载

默认情况下,当页面上添加了画廊插件实例时,画廊的CSS和JavaScript文件会自动添加到页面的头部和尾部。如果您想将JS / CSS编译到页面主文件中,可以通过设置取消此行为。

DL:
  Gallery:
    loadGalleryCSS: false
    loadGalleryJS: false

以画廊的形式显示一组图片

选择要显示在画廊中的图片

将新的画廊节点添加到您的页面中,并使用检查器从媒体模块添加图片或直接上传。

使用标签或集合

1. 使用标签或集合来分组图片

要在画廊中显示的图片需要按标签或集合分组。要分组图片,请转到媒体模块并添加新的标签或集合。将图片拖放到该位置或选择图片详细视图中的它。

2. 在插件检查器中选择标签

将新的画廊插件添加到您的页面中。现在您可以在检查器中选择标签或集合作为画廊的来源。图片将在画廊中均匀渲染。

画廊展示

Bootstrap Lightbox主题

使用bootstrap网格显示画廊的缩略图。使用photoswipe打开大图。

Bootstrap Squares

Justified主题

使用justified.js插件显示缩略图,并使用photoswipe作为灯箱。

Justified Theme

构建自己的主题

主题主要使用Neos Fusion代码编写。这意味着您可以从自己的包中轻松调整现有的两个主题,或构建自己的主题。

构建新主题就像添加一个新的融合原型来渲染图片,并在设置中注册您的原型一样简单。

DL:
  Gallery:
    themes:
      yourThemeName:
        label: 'Displays the images like I want'
        fusionPrototype: 'YourVendor.YourPackage:renderingPrototype'
        themeSettings:
            settingForMyTheme:SomeSetting

现在您可以在节点主题选择器中选择您的主题。