README

将图像库添加到您的银Stripe网站。

作者

此模块由 i-lateral 创建。

安装

首选方法是使用composer

composer require i-lateral/silverstripe-gallery

另可下载并添加到

[silverstripe-root]/gallery

然后运行 dev/build（从浏览器或命令行）。

使用方法

安装后，您可以在网站上添加一个 图库中心 或一个 图库页面。

图库中心

中心页面为每个子 图库页面 生成缩略图，并提供查看该图库的链接。

缩略图基于列表中的第一张图片生成

图库页面

图库页面允许您上传图片，然后将其生成缩略图库。点击缩略图将打开模态/相册。

您可以通过在CMS内创建 图库页面 来将图库添加到网站。

在 图库 选项卡下，您可以上传所需的任意数量的图片。

更改图片的宽度和高度

如果您想更改图库图片（或缩略图）加载的宽度和高度，您可以在 图库页面 的 设置 选项卡下进行此操作。

您可以设置以下选项

图片宽度（默认：950）：模态中加载的图片的宽度（以像素为单位）
图片高度（默认：500）：模态中加载的图片的高度（以像素为单位）
图片调整大小类型（默认：ratio）：在图片上使用的调整大小类型
背景（默认：ffffff）：如果我们使用填充图片，设置背景颜色
缩略图宽度（默认：150）：缩略图图片的宽度（以像素为单位）
缩略图高度（默认：150）：缩略图图片的高度（以像素为单位）
缩略图调整大小类型（默认：pad）：在缩略图上使用的调整大小类型

调整大小选项如下

crop: 裁剪图片到精确大小
pad: 填充图片到大小并添加空白
ratio: 执行图像的按比例调整大小

强制设置宽度和高度

如果您想限制所有图库的大小，您可以设置一些配置变量。设置这些配置将删除CMS中的相关字段。

ilateral\SilverStripe\Gallery\Model\GalleryHub:
  force_thumbnail_width: 350
  force_thumbnail_height: 350
  force_thumbnail_resize_type: crop
ilateral\SilverStripe\Gallery\Model\GalleryPage:
  force_image_width: 1200
  force_image_height: 600
  force_image_resize_type: ratio

横向 / 银Stripe图库

维护者

详细信息