lelesys/plugin-slide-show

以幻灯片形式展示普通图片（可选使用Lightbox）。直接选择图片或选择一个目录以展示该目录下的所有图片。

维护者

详细信息

github.com/lelesys/Lelesys.Plugin.SlideShow

源代码

问题

安装: 721

依赖: 1

建议者: 0

安全: 0

星标: 2

关注者: 19

分支: 0

开放性问题: 0

语言:JavaScript

类型:neos-plugin

2.0.0 2021-10-15 14:49 UTC

Requires

LGPL-3.0+ bdc3d3c546093f7e9652840d394c871a0b6807bd

This package is auto-updated.

Last update: 2024-09-15 21:12:37 UTC

README

此插件将幻灯片功能添加到您的网站上。

重要提示：此插件包的初始开发是在TYPO3 Neos处于alpha3/4阶段完成的。我们正在努力使其完美运行，并使用Flow/Neos的最佳实践/概念美化源代码。请保持关注！

快速开始

将插件的样式表包含到您自己的样式表中，其中您添加其他网站样式表。

<link href="{f:uri.resource(path: 'Stylesheets/bootstrap-carousel.css', package: 'Lelesys.Plugin.SlideShow')}" rel="stylesheet" media="screen">

<link href="{f:uri.resource(path: 'Stylesheets/slideShow.css', package: 'Lelesys.Plugin.SlideShow')}" rel="stylesheet" media="screen">

<link href="{f:uri.resource(path: 'Stylesheets/jquery.lightbox-0.5.css', package: 'Lelesys.Plugin.SlideShow')}" rel="stylesheet" media="screen">

将插件的JavaScript包含到您自己的JavaScript中，其中您添加其他网站JavaScript。

<script src="{f:uri.resource(path: 'JavaScript/bootstrap.min.js', package: 'Lelesys.Plugin.SlideShow')}"></script>

<script src="{f:uri.resource(path: 'JavaScript/carousel.js', package: 'Lelesys.Plugin.SlideShow')}"></script>

<script src="{f:uri.resource(path: 'JavaScript/tab.js', package: 'Lelesys.Plugin.SlideShow')}"</script>

<script src="{f:uri.resource(path: 'JavaScript/slideShow.js', package: 'Lelesys.Plugin.SlideShow')}"></script>

<script src="{f:uri.resource(path: 'JavaScript/jquery.lightbox-0.5.js', package: 'Lelesys.Plugin.SlideShow')}"></script>

用法

  • 将插件内容元素“Lelesys幻灯片容器”添加到您选择的位置。
    • 这将添加一个容器以添加所有幻灯片。
  • 在“Lelesys幻灯片容器”下添加插件内容元素“Lelesys幻灯片项”。
    • 在“Lelesys幻灯片项”内添加您想要在幻灯片中显示的图片。

您将在缩略图视图中看到一个标签页中的添加的图片，在另一个标签页中您将看到幻灯片视图。当您选择幻灯片容器时，您将在检查器右侧看到一些扩展的页面属性。使用此选项，您可以进行更改，如导航控件、幻灯片图片标题、幻灯片图片描述、幻灯片间隔时间、画廊大小和灯箱。