mindbird / contao_dk_caroufredsel
此包已弃用,不再维护。未建议替代包。
Contao开源CMS的carouFredSel扩展实现
1.3.3
2017-09-19 12:35 UTC
Requires
- php: >=5.3
- contao-community-alliance/composer-plugin: ~2.4 || ~3.0
- contao/core-bundle: ~3.2 || ~4.0
Replaces
- contao-legacy/dk_caroufredsel: *
This package is auto-updated.
Last update: 2023-06-23 08:23:23 UTC
README
carouFredSel 是由Fred Heusschen开发的一个jQuery插件,可以将任意HTML元素转换为滚动轮播或滑块。它可以同时滚动一个或多个元素,无论是水平(左/右)还是垂直(上/下),无限循环或圆形滚动,自动或用户操作。
carouFredSel的功能
- 水平(左/右)和垂直(上/下)方向滚动任意内容
- 自动滚动或通过按钮、键盘、鼠标滚轮或移动设备上的滑动以及分页进行滚动/导航
- 滚动模式:一次性、圆形(在末尾用第一个元素继续滚动)和无限(在末尾返回第一个元素)
- 可配置同时滚动的元素数量
- 可配置显示时间和第一次滚动前的延迟
- 鼠标悬停或按钮暂停
- 进度条或圆环图显示直到再次滚动
- 9种内置过渡效果:none(无)、scroll(滚动)、directscroll(直接滚动)、fade(淡入)、crossfade(交叉淡入)、cover(覆盖)、cover-fade(覆盖淡入)、uncover(揭露)和uncover-fade(揭露淡入)以及各种缓动效果
- 可配置过渡持续时间
- 可选响应式/流动/液体滚动轮播
- 可配置滚动轮播的大小以及单个元素的大小
- 支持变量元素大小(同样支持可变的可见元素数量)
- 可配置可见元素的数量
- 可配置或随机起始元素
- 在页面跳转之间保存最后的位置
在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时,应在其CSS定义中使用figure { margin:0; padding:0; },如果不使用Contao的CSS重置样式表。
- 在Contao设置中可配置设置模式:为了更好的可读性,在基本设置(简单)中默认只显示最常用/最重要的设置。可以在此处根据需要切换到扩展以访问所有功能。
开发得到了以下支持:
- 玻璃水概念与设计(http://www.glaswasser.com)