dl / gallery
Neos插件,轻松渲染图片画廊
4.4.0
2023-11-05 18:45 UTC
Requires
- neos/neos: ^5.0 || ^7.0 || ^8.0
This package is auto-updated.
Last update: 2024-08-29 11:52:05 UTC
README
Neos画廊
此包提供了一种节点类型,可以轻松渲染图片画廊。
安装和集成
使用composer进行安装
composer require dl/gallery
(取消)激活CSS / JavaScript自动加载
默认情况下,当页面上添加了画廊插件实例时,画廊的CSS和JavaScript文件会自动添加到页面的头部和尾部。如果您想将JS / CSS编译到页面主文件中,可以通过设置取消此行为。
DL:
Gallery:
loadGalleryCSS: false
loadGalleryJS: false
以画廊的形式显示一组图片
选择要显示在画廊中的图片
将新的画廊节点添加到您的页面中,并使用检查器从媒体模块添加图片或直接上传。
使用标签或集合
1. 使用标签或集合来分组图片
要在画廊中显示的图片需要按标签或集合分组。要分组图片,请转到媒体模块并添加新的标签或集合。将图片拖放到该位置或选择图片详细视图中的它。
2. 在插件检查器中选择标签
将新的画廊插件添加到您的页面中。现在您可以在检查器中选择标签或集合作为画廊的来源。图片将在画廊中均匀渲染。
画廊展示
Bootstrap Lightbox主题
使用bootstrap网格显示画廊的缩略图。使用photoswipe打开大图。
Justified主题
使用justified.js插件显示缩略图,并使用photoswipe作为灯箱。
构建自己的主题
主题主要使用Neos Fusion代码编写。这意味着您可以从自己的包中轻松调整现有的两个主题,或构建自己的主题。
构建新主题就像添加一个新的融合原型来渲染图片,并在设置中注册您的原型一样简单。
DL:
Gallery:
themes:
yourThemeName:
label: 'Displays the images like I want'
fusionPrototype: 'YourVendor.YourPackage:renderingPrototype'
themeSettings:
settingForMyTheme:SomeSetting
现在您可以在节点主题选择器中选择您的主题。