leancode/silverstripe-foundation-orbit

使用Silverstripe框架的图片轮播组件

安装: 28

依赖: 0

建议者: 0

安全: 0

星标: 1

关注者: 2

分支: 1

类型:silverstripe-module

dev-master 2013-12-24 08:58 UTC

This package is auto-updated.

Last update: 2024-09-29 04:14:07 UTC


README

基于foundation主题的Silverstripe CMS图片轮播模块。

作者

此模块由leancode(Dominic O'Brien)创建,基于i-lateral创建的"i-lateral/silverstripe-carousel"模块的代码。

安装

通过下载并将其添加到以下位置安装此模块:

[silverstripe-root]/orbit

然后运行:http://yoursiteurl.com/dev/build/

或者,将以下内容添加到您的项目的composer.json中

使用

安装后,您必须将模板变量$OrbitSlides添加到任何希望显示轮播图的模板中。

通过登录管理界面并编辑您想添加幻灯片的页面来设置幻灯片。

在"设置"选项卡中,通过勾选"在此页面上显示图片轮播?"复选框来启用幻灯片。然后保存您的页面(非常重要!)宽度和高度的覆盖将显示在下方,允许您更改幻灯片的大小。

保存后,返回"内容"选项卡,在"主内容"子选项卡旁边,应该出现了"Orbit"选项卡。在那里,您可以上传/选择要成为幻灯片一部分的图片。

在我的测试中,我注意到在安装后"Orbit"选项卡最初是空的。我需要再次点击左侧的"页面"选项卡以刷新页面,然后"Orbit"选项卡的内容才显示出来。这似乎只会发生在第一次。也许我遗漏了一些刷新。请自由地更新这些说明并在github上发送给我一个拉取请求。

其他

这是我为Silverstripe创建的第一个模块,我刚刚开始接触。它基于"i-lateral/silverstripe-carousel"模块。他们的模块使用JQuery插件和自定义CSS。由于我正在使用最棒的基于compass/sass的foundation主题,而幻灯片"orbit"已经包含在foundation中,所以我无需这些。将他们的模块适配到我的使用竟然如此简单,包括开设packagist账户,只花了大约1个半小时。我开始喜欢这个了...