dklemmt / contao_dk_caroufredsel
Contao开源CMS的扩展,实现了carouFredSel功能
1.3.2
2014-08-24 10:42 UTC
Requires
- php: >=5.3
- contao-community-alliance/composer-installer: *
- contao/core: ~3.2
Replaces
- contao-legacy/dk_caroufredsel: *
This package is auto-updated.
Last update: 2024-09-12 00:20:08 UTC
README
carouFredSel 是由Fred Heusschen编写的jQuery插件,可以将任何HTML元素转换为轮播图或滑块。它可以同时滚动一个或多个元素,无论是水平还是垂直,无限循环或圆形,自动或用户活动。
carouFredSel的功能
- 水平(左右)和垂直(上下)方向滚动任何内容
- 自动滚动或通过按钮、键盘、鼠标滚轮、在移动设备上滑动以及分页进行滚动/导航
- 滚动模式:一次性、圆形(滚动到末尾时继续滚动第一个元素)和无限(滚动到末尾时返回第一个元素)
- 可配置同时滚动的元素数量
- 可配置显示时间和首次滚动前的延迟时间
- 鼠标悬停或按钮时暂停
- 进度条或圆形图表显示再次滚动前的状态
- 9种内置过渡效果:none、scroll、directscroll、fade、crossfade、cover、cover-fade、uncover和uncover-fade以及各种easing效果
- 可配置过渡效果的持续时间
- 可选的响应式/流动/液体轮播图
- 可配置轮播图和单个元素的大小
- 支持可变元素大小(以及可变数量的可见元素)
- 可配置可见元素的数量
- 可配置或随机的起始元素
- 页面跳转时保存最后位置
Contao实现
- 可以滚动任何内容
- 一个页面可以有任意数量的轮播图
- 轮播图可以作为内容元素或模块嵌入
- 基于消息列表模块的新闻滚动模块
- 内容元素/模块carouFredSel - 相册类似于Contao相册,具有自动创建的滚动预览图
- 内容元素/模块carouFredSel - 背景用于全屏背景轮播图,具有自动创建的滚动预览图
- 同一篇文章中两个轮播图之间的同步
- 每个轮播图可以有独立的HTML、CSS和JavaScript模板
- 每个轮播图可以有独立的CSS格式化 - 每个轮播图都有一个唯一的ID
- 大多数/最重要的设置可以在后端配置
- 缺少/复杂的功能可以在相应的JavaScript模板中单独添加(需要jQuery/PHP知识)。大多数动态功能不会在后端显示。
来源/示例/应用想法
- http://caroufredsel.dev7studios.com(主页)
- https://github.com/gilbitron/carouFredSel(脚本的GitHub源代码存储库)
- http://coolcarousels.frebsite.nl(应用想法)
- http://de.contaowiki.org/Dk_carouFredSel(扩展的在线指南)
提示/说明
- 为了启动carouFredSel,必须在页面布局中添加jQuery到布局中。
- 之前可选的扩展(jquery_easing、jquery_touchswipe和jquery_mousewheel)现在是此包的一部分,并且将在需要时自动加载。
- 在使用HTML5时,如果未包含Contao的CSS重置样式表,应在其CSS定义中使用figure { margin:0; padding:0; }。
- 设置模式可在Contao设置中进行配置:为了更好的可读性,在基本设置(简单)中仅显示最常见/最重要的设置。如果需要,可以切换到扩展以获取所有功能。
开发得到了以下支持:
- 玻璃水概念与设计(http://www.glaswasser.com)