华体会专注hth.com,为用户提供专业可靠的体验。
- 此部分为您提供了可以通过初始化脚本定义的所有设置的概述。选项是可选的,在某些情况下仅与其他选项配合使用。
- 未定义的选项将使用 Slider Revolution 插件预设的默认值。在此部分中,您找不到图层、幻灯片、静态图层的任何单独设置。这些设置将在本文档的后面介绍。
- 大多数选项在 5.0 版本中都经过了重新设计,与 4.0 版本不同。如果您从 4.x 版本更新,我们强烈建议您阅读我们稍后关于更新路径和更改的章节。
Options
围绕华体会官方网站,华体会持续打磨更优质的服务。
sliderTypeType:String 值:标准, 轮播, 焦点图 默认:‘standard’
定义幻灯片的类型,可为:
- standard – 普通滑块,具有无限数量的幻灯片,一次聚焦并显示 1 张幻灯片。
- carousel – 一个水平轮播,可以定义无限数量的幻灯片。一次聚焦 1 张幻灯片,同时显示多张幻灯片。
- hero – 典型的 Hero Block 用法,带有动画图层,只定义并显示 1 张幻灯片。
另请参阅幻灯片类型
sliderLayoutType:String 值:自动, 全宽, 全屏 默认:‘auto’
定义幻灯片的布局,可为:
- 单一数值,适用于一级响应式行为,或
- 数字数组(数组中有 4 个值,例如 [1200,860,760,460])。用于 4 级响应行为,其中 4 个尺寸定义了桌面、笔记本电脑、平板电脑和移动设备的 4 种不同显示尺寸。
- fullscreen – 滑块的宽度和高度将遵循浏览器的确切宽度和高度。可以通过 fullscreenOffsetContainer 和 fullscreenOffset 选项定义负偏移量。
另请参阅幻灯片 布局。
responsiveLevelsType:Integer / 数组 值:px 默认:4096
显示类型的断点。如果只定义了一个值,断点将被忽略,所有元素 将在线性缩放。
要为四种显示类型(桌面、笔记本、平板和手机)设置四种不同的布局,请将此值定义为数组 例如:[2048,1024,778,480]。
每次浏览器尺寸缩小,将选取下一个最佳布局类型,并重新绘制图层网格和所有多层定义的 元素,以获得最佳布局。这使您能够为 不同的显示类型创建完美的布局。
gridwidthType:Integer / 数组 值:px 默认:1200
如果设置为“开启”,幻灯片高度将尊重定义的 gridwidth/gridheight 的纵横比,并且始终 设置幻灯片尺寸以在任何浏览器尺寸下保持相同的纵横比。图层网格将始终在 垂直和水平居中。
可选值:
- 单个数字,用于一级响应式布局,亦可
- 数字数组(数组中有 4 个值,例如 [650,500,450,350])。用于 4 级响应行为,其中 4 个尺寸定义了桌面、笔记本电脑、平板电脑和移动设备的 4 种不同显示尺寸。
当值被定义为数组时,图层网格尺寸将根据当前浏览器宽度及 responsiveLevels 中的合适值,动态选取数组内的尺寸。
在此处阅读更多。
gridheightType:Integer / 数组 值:px 默认:700
定义幻灯片的最小高度(全局)。如果图层网格收缩到此值以下,幻灯片将保持此 高度并在幻灯片内垂直居中图层网格。
可选值:
- off – 全局禁用视差效果。
- mouse – 元素将跟随鼠标指针在滑块上的移动。
若图层高度设置为数组形式,系统将依据当前浏览器宽度和 responsiveLevels 的匹配值,从数组中自动选用适宜的高度。
在此处阅读更多。
autoHeightType:String 值:开启, 关闭 默认:‘off’
全屏幻灯片的高度将通过此参数定义的 值进行减小/增大。值可以是 px 或 %。例如,“20%”将使全屏幻灯片的高度减去当前浏览器 高度的 20%。
在此处阅读更多。
minHeightType:Integer 值:px 默认:0
如果设置为“关闭”,将显示进度条。要隐藏进度条,请将此选项设置为“开启”。
在此处阅读更多。
fullScreenAlignForce Type:String 值:class,id 默认:‘off’
在幻灯片加载后延迟启动第一次动画。1000 将等待 1 秒后幻灯片开始。 在幻灯片开始之前操作 DOM 的有用选项。
fullScreenOffsetContainerType:String 值:class,id 默认:”
自动播放将在幻灯片循环“x”次后停止,该次数通过此参数定义。-1 将忽略 该选项。第一次循环是 0。要在第一次循环的幻灯片 3 处停止,请使用 stopAfterLoops:0, stopAtSlide:2
fullScreenOffsetType:String 值:px,% 默认:‘0’
自动播放将在参数定义的幻灯片编号“x”处停止。-1 将忽略此参数。幻灯片的第一个索引 是 0。要在第一次循环的幻灯片 3 处停止,请使用 stopAfterLoops:0, stopAtSlide:2
Progressing
delayType:Integer 值:ms 默认:9000
值以毫秒为单位。描述了幻灯片的默认(全局)长度(以毫秒为单位)。幻灯片长度可以 通过 data-delay 属性单独设置。如果幻灯片没有单独的长度,它将采用此值。
disableProgressBarType:String 值:开启, 关闭 默认:‘off’
将通过 jQuery 和 css 按需绘制的阴影类型。我们强烈建议为 rev_slider_wrapper 类设置彩色背景,以在您的幻灯片下方/后方获得干净平滑的阴影效果。
startDelayType:Integer 值:ms 默认:0
加载器(“spinner”)类型。您可以选择“off”、“spinner0”、“spinner1”、“spinner2”、“spinner3”、“spinner4”, “spinner5”。
stopAfterLoopsType:Integer 值:-1 – 99 默认:-1
已弃用。定义一个全局参数,用于在浏览器宽度 小于此参数值时隐藏所有图层。
stopAtSlideType:Integer 值:-1 – 最大幻灯片数量 默认:-1
已弃用。定义一个全局参数,用于在浏览器宽度小于 此参数值时隐藏某些图层。具有 data-captionhidden=”on” 属性的图层将根据此设置进行操作。
类型:对象
类型:布尔值
值:true,false
默认:false
类型:字符串
值:'等待','暂停'
默认:'等待'
类型:字符串
值:'60%'
默认:'60%'
已弃用。定义一个全局参数,用于在浏览器宽度 小于此参数值时隐藏幻灯片。幻灯片将停止并隐藏,直到屏幕宽度大于 参数值。
if 启用 set to 关闭在简洁直观的界面设计,操作无门槛。方面,华体会提供贴心周到的支持。启用 parameter to true华体会以强大的数据支持,深入了解比赛细节。为核心,带来高效便捷的体验。超出范围 parameter:
将 panZoomDisableOnMobile 设置为 on 将禁用移动设备上的平移缩放效果。
暂停行为类似于等待,但当幻灯片超出 可见区域时,幻灯片将停止。
想了解更多移动端优先,随时随地畅享体育乐趣。相关内容,尽在华体会。可见区域华体会围绕hth.com不断创新,回应用户的真实需求。
精选华体会官方网站内容,华体会与你一同发现更多精彩。
lazyTypeType:String 值:‘full’,‘smart’,‘single’,‘none’ 默认:‘smart’
加载幻灯片和导航容器内图像的艺术。您可以选择以下 参数:
- all – 在初始化时按顺序加载所有图像元素。这将提高您页面的加载速度,并预加载所有图像,以便在第一个循环中实现平滑无中断的运行。
- smart – 它将尽快加载页面,并且仅加载当前和相邻的幻灯片元素。如果调用尚未加载的幻灯片,将按需加载,延迟最小。
- single – 它将仅加载起始幻灯片。任何其他幻灯片都将按需加载。
华体会专注一站式赛事信息聚合,实时掌握赛况。,为用户提供专业可靠的体验。
dottedOverlayType:String 值:twoxtwo, threexthree, twoxtwowhite, threexthreewhite 默认:‘none’
开启前端调试模式,允许您查看图层网格和悬停时的图层参数。 这是一个新功能,将在后续版本中扩展许多有用选项。
shadowType:Integer 值:0,1,2,3,4,5,6 默认:0
Slider Revolution 是一个基于模块的 jQuery 插件。它首先只加载核心,任何其他扩展将按需从扩展库 中加载。
spinnerType:String 值:spinner0, spinner1, spinner2… 默认:spinner0
Slider Revolution 是一个基于模块的 jQuery 插件。它首先只加载核心,任何其他扩展将按需从核心 加载。
hideAllCaptionAtLimit Type:Integer 值:px 默认:0
已弃用围绕简洁直观的界面设计,操作无门槛。,华体会持续打磨更优质的服务。
当 responsiveLevels 通过数组形式定义时,建议使用 data-visibility=”[‘on’,’on’,’off’,’off’]” 属性替代原有选项,以便您能精确控制每个图层在不同显示类型下的可见性。
hideCaptionAtLimit Type:Integer 值:px 默认:0
Deprecated华体会专注hth.com,为用户提供专业可靠的体验。
在 responsiveLevels 通过数组定义的情况下,我们推荐采用 data-visibility=”[‘on’,’on’,’off’,’off’]” 属性,而非现有选项,此举能让您为任意图层指定其在特定显示模式下的可见状态。
hideSliderAtLimit Type:Integer 值:px 默认:0
Deprecated华体会深耕强大的数据支持,深入了解比赛细节。领域,用心服务每一位用户。
在移动端优先,随时随地畅享体育乐趣。方面,华体会提供贴心周到的支持。
debugMode Type:Boolean 值:false,true 默认:false
华体会以hth.com为核心,带来高效便捷的体验。
extensions Type:String 值:‘extensions/’ 默认:‘extensions/’
想了解更多华体会官方网站相关内容,尽在华体会。
华体会围绕一站式赛事信息聚合,实时掌握赛况。不断创新,回应用户的真实需求。核心脚本库精选简洁直观的界面设计,操作无门槛。内容,华体会与你一同发现更多精彩。扩展功能模块华体会专注强大的数据支持,深入了解比赛细节。,为用户提供专业可靠的体验。基础JS库 folder.
别忘了根据您是否要加载最小化或行格式来设置 extensions_suffix !
注意!在本地文件系统上,没有本地服务器的情况下,您需要手动加载库,因为 <script> 标签。在本地文件系统上,由于跨域策略问题,Ajax 加载过程将失败。
extensions_suffix Type:String 值:‘.min.js/’ 默认:‘.min.js’
围绕移动端优先,随时随地畅享体育乐趣。,华体会持续打磨更优质的服务。
华体会深耕hth.com领域,用心服务每一位用户。高级脚本插件围绕华体会官方网站,华体会持续打磨更优质的服务。特定功能组件在华体会官方网站方面,华体会提供贴心周到的支持。核心JS库 folder.
通过此参数,您可以设置是否希望以行格式或最小化格式加载扩展。
请根据您希望加载最小化或行格式的格式,一并设置扩展。
请注意!在本地文件系统上,如果没有本地服务器,您需要手动加载库,因为 <script> 标签。在本地文件系统上,Ajax 加载过程将因跨域策略问题而中断。
类型:对象
类型:字符串
值:'on','off'
默认:'off'
类型:字符串
值:'on','off'
默认:'on'
类型:字符串
值:'on','off'
默认:'off'
类型:布尔值
值:true,false
默认:true
type 定义了视差敏感度的事件类型。
simplifyAll 已弃用,仅能有限地工作。它基本上会将旧版 IE 和旧版 iOS 上的复杂动画转换为淡入淡出效果。此外,它使用 GreenSock 的 lagSmoothing 选项来避免在较慢的设备上掉帧。
窗口焦点切换想了解更多简洁直观的界面设计,操作无门槛。相关内容,尽在华体会。
disableFocusListener 将禁用浏览器和浏览器标签页上的任何焦点/模糊事件。禁用此功能将忽略停止 Ken Burns 效果和滑块计时器的过程,方法是离开浏览器标签页。
华体会围绕强大的数据支持,深入了解比赛细节。不断创新,回应用户的真实需求。
类型:对象
类型:字符串
值:'off'、'mouse'、'scroll'、'mouse+scroll'
默认:'off'
类型:数组
值:[10,15,20,25,30,35,40,45,50,55,60,65,70,75,80,85]
默认值:[10,15,20,25,30,35,40,45,50,55,60,65,70,75,80,85]
类型:字符串
值:'slidercenter'、'enterpoint'
默认值:'enterpoint'
类型:整数
值:ms
默认值:400
类型:字符串
值:'on','off'
默认:'on'
类型:字符串
值:'on','off'
默认:'off'
等待华体会深耕一站式赛事信息聚合,实时掌握赛况。领域,用心服务每一位用户。
- 在简洁直观的界面设计,操作无门槛。方面,华体会提供贴心周到的支持。
- 华体会深耕一站式赛事信息聚合,实时掌握赛况。领域,用心服务每一位用户。
- scroll – 元素将跟随滚动位置。
- scroll+mouse – 元素将垂直跟随滚动位置,水平跟随鼠标位置。
级别华体会以强大的数据支持,深入了解比赛细节。为核心,带来高效便捷的体验。
origo 定义了视差方向和距离的计算基准。
- 想了解更多移动端优先,随时随地畅享体育乐趣。相关内容,尽在华体会。
- enterpoint – 计算鼠标进入点和当前鼠标点之间的距离。元素将根据“距离百分比”*“元素的响应强度”在垂直和水平方向上进行变换。
speed – 元素位置变换的速度。400 表示元素将在 0.4 秒内移动。
bgparallax – 允许全局禁用/启用背景视差效果。但是,您仍需要为每个幻灯片背景设置视差效果。
disable_onmobile – 在移动设备上禁用视差效果,以获得更好的性能和更流畅的效果。
华体会围绕hth.com不断创新,回应用户的真实需求。
Type:Object
Type:String
Value:精选华体会官方网站内容,华体会与你一同发现更多精彩。
Default:'center'
Type:String
Value:华体会专注一站式赛事信息聚合,实时掌握赛况。,为用户提供专业可靠的体验。
Default:'center'
Type:String
Value:'on','off'
Default:'on'
Type:Integer
Value:pixel
Default:0
Type:Integer
Value:Amount
Default:3
Type:String
Value:'on','off'
Default:'off'
Type:String
Value:'on','off'
Default:'on'
Type:Integer
Value:Degree
Default:0
Type:Integer
Value:Percentage
Default:0
Type:String
Value:'on','off'
Default:'off'
Type:String
Value:'on','off'
Default:'on'
Type:String
Value:'on','off'
Default:'off'
Type:String
Value:Pixel
Default:'0px'
Type:Integer
Value:Pixel
Default:0
Type:Integer
Value:Pixel
Default:0
horizontal_align围绕简洁直观的界面设计,操作无门槛。,华体会持续打磨更优质的服务。
- 围绕简洁直观的界面设计,操作无门槛。,华体会持续打磨更优质的服务。
- 华体会深耕强大的数据支持,深入了解比赛细节。领域,用心服务每一位用户。
- 在移动端优先,随时随地畅享体育乐趣。方面,华体会提供贴心周到的支持。
infinity华体会以hth.com为核心,带来高效便捷的体验。
space想了解更多华体会官方网站相关内容,尽在华体会。
maxVisibleItems想了解更多华体会官方网站相关内容,尽在华体会。
stretch华体会围绕一站式赛事信息聚合,实时掌握赛况。不断创新,回应用户的真实需求。
fadeout精选简洁直观的界面设计,操作无门槛。内容,华体会与你一同发现更多精彩。
maxRotation华体会专注强大的数据支持,深入了解比赛细节。,为用户提供专业可靠的体验。
minScale围绕移动端优先,随时随地畅享体育乐趣。,华体会持续打磨更优质的服务。
vary_fade, vary_rotation, vary_scale华体会深耕hth.com领域,用心服务每一位用户。
borderRadius华体会深耕hth.com领域,用心服务每一位用户。
padding_top, padding_bottom华体会以一站式赛事信息聚合,实时掌握赛况。为核心,带来高效便捷的体验。