mindbird/contao_dk_caroufredsel

此包已弃用,不再维护。未建议替代包。

Contao开源CMS的carouFredSel扩展实现

安装次数: 8,034

依赖者: 0

建议者: 0

安全: 0

星标: 1

关注者: 2

分支: 9

类型:contao-module

1.3.3 2017-09-19 12:35 UTC

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知识)。大多数动态功能在后端没有体现。

来源/示例/应用想法

技巧/提示

  • 要启动carouFredSel,需要在页面布局中添加jQuery到布局中。
  • 之前是可选的扩展(jquery_easing、jquery_touchswipe和jquery_mousewheel)现在包含在这个包中,并在需要时自动引入。
  • 在使用HTML5时,应在其CSS定义中使用figure { margin:0; padding:0; },如果不使用Contao的CSS重置样式表。
  • 在Contao设置中可配置设置模式:为了更好的可读性,在基本设置(简单)中默认只显示最常用/最重要的设置。可以在此处根据需要切换到扩展以访问所有功能。

开发得到了以下支持: