dklemmt/contao_dk_caroufredsel

Contao开源CMS的扩展,实现了carouFredSel功能

安装数: 1,072

依赖者: 0

建议者: 0

安全: 0

星标: 4

关注者: 6

分支: 9

开放问题: 10

类型:contao-module

1.3.2 2014-08-24 10:42 UTC

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知识)。大多数动态功能不会在后端显示。

来源/示例/应用想法

提示/说明

  • 为了启动carouFredSel,必须在页面布局中添加jQuery到布局中。
  • 之前可选的扩展(jquery_easing、jquery_touchswipe和jquery_mousewheel)现在是此包的一部分,并且将在需要时自动加载。
  • 在使用HTML5时,如果未包含Contao的CSS重置样式表,应在其CSS定义中使用figure { margin:0; padding:0; }
  • 设置模式可在Contao设置中进行配置:为了更好的可读性,在基本设置(简单)中仅显示最常见/最重要的设置。如果需要,可以切换到扩展以获取所有功能。

开发得到了以下支持: