nzta/gallery

一个用于创建带有标题的图片画廊的模块

维护者

详细信息

github.com/NZTA/gallery

主页

源代码

问题

安装数: 2,637

依赖项: 0

建议者: 0

安全性: 0

星星: 0

关注者: 3

分支: 0

开放问题: 1

类型:silverstripe-vendormodule

2.0.1 2018-11-06 00:07 UTC

Requires

Requires (Dev)

BSD-3-Clause c81ca018b0128c32e5954fcae7dfa93aa04ca819

imagecmssilverstripegallery

This package is auto-updated.

Last update: 2024-09-06 22:30:14 UTC

README

提供将画廊添加到任何页面类型的能力，以提供带有标题的图片画廊

需求

SilverStripe 4.x 或 5.x

功能

  • 能够创建一组画廊项，每个画廊项包含一张图片和一条标题
  • 通过扩展配置定义应将这些画廊项添加到哪些页面类型
  • 点击画廊项时，会显示带有轮播功能的弹出灯箱

安装

composer require nzta/gallery

安装资源

您需要引入 Requirements::javascript('nzta/gallery: js/gallery.js') 以在默认情况下显示画廊并启用灯箱功能。

还有一个 Requirements::css('nzta/gallery: css/main.css) 文件，可用于显示 CarouselModal 的基本样式。

设置模板

一旦资源被引入，您需要将画廊添加到模板中，例如 <% include Gallery %>

您还需要让 __galleryData 在全局范围内可用，以便 JS 能够正常工作。您可以在 <head> 中添加以下内容

<script>
    window.__galleryData = {
      items: {$GalleryData}
    }
</script>

添加扩展

现在您可以将 GalleryExtension 添加到任何您想提供画廊的页面类型中，例如

Page:
  extensions:
    - NZTA\Gallery\Extensions\GalleryExtension

这将提供 CMS 字段，以便将画廊图片添加到页面中。