贝斯特游戏大厅官网入口
菜单类

产品库API参考

最新更新日期:Dec-06-2023

产品库API引用细节所有参数选项、类型和ENUMS配置产品库部件时使用

小技巧

代码探索者:产品库部件示例

试一下 JavaScript中样本配置变化产品画廊沙盒.

小技巧
版本代码探索者在其他框架中见

上页:

参数解析

下表列表所有可用参数(选项)创建并初始化产品库部件艺廊部件方法 :

重要点

除必备参数仅包含其他参数以覆盖默认值.

初始化新部件 嵌入所有带包标签图像

所需参数

下图参数需要初始化产品库部件时 :

参数 类型 描述性
云化Name 字符串 云化产品环境云名
示例:化石
容器内 字符串选择器或DOM元素 内含元素页面产品画廊构件
实例:
"#my-widget-container"
document.getElementById("my-widget-container");
媒体安全 资产类或公有标识 弹出部件时所有媒体资产都标注为数组资产数组中的单个资产可用a描述资产类对象或公共标识字符串
例子(所有图片贴上shle+PublicIdshe-vid+PublicIdshe
{标签:jourk},{publicId:jourk-vid

部件参数

参数 类型 描述性
分析学 布林安 是否更新谷歌标签管理器数据馆数组随事件触发Google标签管理器综合页上)
显示程序 显示Props 设置部件显示属性
焦点化 布林安 置焦点于部件产生时(方便键盘导航)或仅在选择部件后方默认:虚伪
负载程序 加载程序 对象定义加载旋转器属性覆盖
placeholderImage 布林安 是否加载并显示低质量定位图像等待质量更高的图像, 而不是加载旋转器默认:真实性
排序方式 排序法 高山市预置中,请使用sortProps取而代之)确定如何排序(PublicID)媒体安全Product图片库显示参数默认:烟雾
sortProps SortProps 对象定义如何排序资产显示默认:{源码:public_id,方向:asc
主题Props 主题程序 对象定义主题颜色覆盖
viewportBreakpoints 断点Props家常便饭 数组断点对视图港(浏览器窗口)加上产品库配置参数在产品库构件宽度小于给定断点时覆盖响应式部件获取更多信息)

主查看器参数

参数 类型 描述性
accessibilityProps AccessibilityProps 对象定义可覆盖性
ar3dprops 3dprops 对象定义三维查看器属性
方面Ratio AspectRatio 主查看器侧比默认:方块
边框Color 颜色显示 主查看器边框颜色默认:透明性
边框Width 整数 主查看器边界宽度像素默认:0
图像破点 整数 上头阶梯大小分组响应图像宽度像素默认:百元
视频破点 整数 上头阶梯大小分组响应视频宽度像素默认:百元
预加载 字符串串 数组表示产品库部件初始化时哪些媒体资产应预装入浏览器缓存可能值:图像,视频,spin3d默认:[图像
注释 : 传递空数组, if you want 只预加载第一个资产家常便饭)
半径 整数 主查看器角半径像素默认:0
springProps springProps 对象定义360旋转集属性覆盖
启动Index 整数 媒体资产初始显示于部件制作时主查看器默认:0(第一资产)
提示程序 TipProps 对象定义属性覆盖缩放小技巧,它出现在图像和360旋转集上
只有当相关缩放设置为“ true”。
过渡 过渡 效果转换资产时应用默认:滑动
视频程序 视频程序 对象定义视频显示属性覆盖
缩放 布林安 是否激活图像缩放功能默认:真实性
缩放Props 缩放程序 对象定义缩放属性
只有当相关缩放设置为“ true”。
缩放Popp 缩放Popprops 对象定义背景色、不透明色和z-index栈序
只有当相关缩放Props类型设置为pop

木马参数

参数 类型 描述性
carouselLocation CarouselLocation 旋转木马相对主查看器的位置默认:左转
旋转木马反位 整数 主查看器和旋转木马之间的空间像素默认:5
旋转木马Style 旋转木马Style 显示式旋转木马默认:洪格奈斯
指标Props 指数Props 对象定义指标属性覆盖
只有当相关旋转木马Style设置为'指标'
缩略图props 缩略图Props 对象定义缩略图属性覆盖
只有当相关旋转木马Style设置为thumbnails

导航参数

参数 类型 描述性
导航 导航 显示式导航按钮默认:调用
navigationButtonProps NavigationButtonProps 对象定义导航按钮属性覆盖
navigationOffset 整数 偏移像素部件侧端导航按钮默认:0
只有当相关navigationPosition置值为'顶点'
navigationPosition NavigationPosition 定位导航按钮默认:内侧

类型类型

资产类

对象识别单媒体资产或多资产:使用公共标识参数识别单项资产或使用标签识别参数识别同介质多资产Type

参数 类型 描述性
公共标识 字符串 字符串值表示访问上传媒体资产时使用标识符使用此参数识别a单片资源库
示例:
长运动衫
标签识别 字符串 拥有给定标签的所有资产(按MediaType提供)使用此参数识别多重性资产类资产顺序按字母排序
示例:
上衣
介质类型 字符串 介质类型(图像、视频、spin或3d)默认为image
资源类型 字符串 设置为视频即提供上传视频资产图像
变换 对象类 云形变换应用程序任意集变换选项可应用外加切入点默认变换参数或置值超值
thumbnailTransformation 对象类 云形变换应用到旋转木马中用于表示媒体资产的缩略图值重置变换参数(仅指缩略图)
单调图文 字符串 字符串使用 Alt无障碍文本美术馆
videoPlayerSource 对象类 上头云化视频播放器源选项应用视频
仅在相关播放器类型属性视频程序参数设置为clusinary

注解
所有变换使用JavaScript语法查看剩余文档变换示例时,可修改JS标签显示遗留代码示例

例举 :

AccessibilityProps

无障碍属性覆盖部件

参数 类型 描述性
介质Alt源码 字符串 源字符串使用 Alt无障碍文本面向美术馆内每种媒体资产值属性可以是下列源码之一
-上下文:使用值a上下文元数据字段为每项资产提供密钥传递进介质alti属性
-元数据:使用值a结构化元数据字段中每项资产由外部i传递进介质alti属性
-汽车: (默认)使用画廊内资产顺序使用模板 :
介质alti 字符串 impealt源属性设置如下时必备:
面向通则-密钥中位数上下文元数据双钥值(或空字符串使用默认'alt'键添加到所有资产中)
OR系统
面向元数据-外部i中位数结构化元数据字段内

例举 :

3dprops

3D查看器属性显示3D模型

参数 类型 描述性
阴影 布林安 是否向3D模型添加阴影默认:真实性
showAR 布林安 是否显示AR视图按钮默认:虚伪

例举 :

断点Props

对象定义单断点值加配置参数(选项)以覆盖产品库构件宽度小于或等于此数时任意参数都可覆盖除需要参数

参数 类型 描述性
断点 整数 高山市需求化)所有其他 列入此对象时, 只有当产品库部件宽度小于或等于此数时才应用 。 默认: 520
{options} 配置参数覆盖给定断点.

例举 :

颜色显示

字符串值表示RGB或RGBA三叉或四叉,3或4位RGB/RGBBA六叉或命名色

例举 :

FFAFF

显示Props

参数 类型 描述性
模式化 显示模式 显示模式部件默认:经典
间距 整数 资产间距像素默认:5
只有当相关模式化设置为扩展
列内 整数 列数同时显示默认:一号
只有当相关模式化设置为扩展
顶套 整数 偏移页面顶部像素默认:0
只有当相关模式化设置为扩展
底片套接 整数 偏移页面底部像素默认:0
只有当相关模式化设置为扩展

例举 :

指数Props

参数 类型 描述性
颜色显示 颜色显示 颜色使用指标默认:ThemeProp.onPrimary
所选Color 颜色显示 当前选择指标使用色默认:ThemeProp.active
形状 指标Shape 形状指示器默认:圆形
体积大小 整数 宽度指标像素默认:8
间距 整数 空间添加指标像素默认:3
粘性 布林安 carousel滚动主查看器或总可看见旁边默认:真实性
只有当相关显示器模式化设置为扩展

例举 :

加载程序

参数 类型 描述性
颜色显示 颜色显示 加载旋转器颜色默认:万万

只有当相关风格化不设置为'定制'
不透明度 浮点 不透明加载旋转器默认:0.5
只有当相关风格化不设置为'定制'
风格化 加载器Style 风格加载器使用默认:通俗化
URL 字符串 通向自定义(动画式)图像全路径用作加载旋转器旋转器缩放到可用宽度的25%,建议使用SVG格式保存各种大小的质量
只有当相关风格化设置为'定制'

例举 :

NavigationButtonProps

参数 类型 描述性
形状 按键Shape 形状导航按钮默认:无
图标Color 颜色显示 颜色使用导航图标默认:ThemeProp.onPrimary
颜色显示 颜色显示 颜色导航按钮默认:ThemeProp.primary
体积大小 整数 宽度导航按钮像素默认:54号

例举 :

SortProps

参数 类型 描述性
源码 字符串 数据源排序显示器中的资产值属性可以是下列源码之一
-上下文:使用值a上下文元数据字段为每项资产提供密钥传递进标识符属性
-元数据:使用值a结构化元数据字段中每项资产由外部i传递进标识符属性
-公共标识:(默认)使用资产公共标识
标识符 字符串 需求源属性设置如下:
面向通则-密钥中位数上下文元数据键值对
OR系统
面向元数据-外部i中位数结构化元数据字段内
方向选择 字符串 方向字母数排序资产,或烟雾(默认)或德克族.

注解
资产按公共标识排序时也按相同资产类型分组(图像、视频、旋转集和3D模型)。由元数据或上下文源排序时,资产类型被忽略,资产按序显示仅按id

例举 :

springProps

参数 类型 描述性
动画 旋转动画 时间自动旋转图像默认:启动
旋转定界 旋转定界 方向旋转图像默认:"counter-clockwise"
禁用缩放 布林安 是否禁止360旋转集缩放功能默认:虚伪
showTip showTip 何时显示提示 。默认:触摸
技巧定位 技巧定位 位置提示文本默认:中心点
端点图文 字符串 文本显示小技巧屏幕不支持触控默认:滑动旋转
TipTouch图文集 字符串 文本显示小技巧并支持触控屏幕默认:浏览旋转

例举 :

主题程序

默认颜色定义主题高压值之一将更新继承该主题Prop的所有属性

参数 类型 描述性
小学 颜色显示 默认:FFFFF
学前 颜色显示 默认:万千
活动化 颜色显示 默认:#0078FF

例举 :

缩略图Props

参数 类型 描述性
宽度 整数 宽度显示旋转木马像素默认:64码
高度显示 整数 顶部缩图以像素显示默认:64码
间距 整数 空间添加个体缩略图像素默认:2
沟槽 整数 空间添加缩略图和像素导航按钮默认:2
边框Color 颜色显示 缩略图边框颜色默认:#EBF0F4
边框Width 整数 宽缩图边界像素默认:一号
半径 整数 半径缩图角像素默认:0
mediaSymbolPosition MediaSymbolPosition 媒体符号位置缩略图默认:中心点
只有当相关mediaSymbolShape设置为无
mediaSymbolShape MediaSymbolShape 形状媒体符号后台默认:圆形
mediaSymbolColor 颜色显示 媒体符号背景颜色默认:ThemeProp.primary
mediaSymbolOpacity 浮点 媒体符号不透明后台范围:0.0至1.0默认:0.3
mediaSymbolIconShadow 布林安 是否向媒体符号添加阴影默认:虚构
mediaSymbolIconColor 颜色显示 媒体符号颜色默认:ThemeProp.onPrimary
媒体符号化 整数 媒体符号大小像素默认:40%缩略图宽度
navigationBorderColor 颜色显示 颜色导航按钮边框默认:透明性
navigationBorderWidth 整数 宽度导航按钮边界默认:0
导航云 颜色显示 Carousel导航按钮颜色默认:ThemeProp.primary
导航浮点数 布林安 导航按钮上浮旋转木马两侧最后缩略图或按钮相邻性默认:虚伪
navigationIconColor 颜色显示 Carousel导航箭头颜色默认:ThemeProp.onPrimary
导航分级 整数 Carousel导航按钮大小像素默认:42号
导航Shape 按键Shape 轮廓导航按钮默认:矩形
selectedBorderPosition SelectedBorderPosition 位置缩略图边界默认:左转
只有当相关所选Style设置为边界
selectedBorderColor 颜色显示 选择缩略图边框颜色默认:ThemeProp.active
selectedBorderWidth 整数 宽度缩略图边界像素默认:2
selectedBorderOpacity 浮点 隐式缩略图边界范围:0.0至1.0默认:一号
selectedGradientStart 颜色显示 色度渐变效果默认:ThemeProp.primary
selectedGradientEnd 颜色显示 二色渐变效果默认:ThemeProp.primary
selectedGradientDirection 方向引导 方向淡出起始端颜色定义默认:垂直式
selectedGradientOpacity 浮点 不透明渐变淡化范围:0.0至1.0默认:0.5
所选Style 选择类型 样式应用到所选缩略图默认:全名
粘性 布林安 carousel滚动主查看器或总可看见旁边默认:真实性
只有当相关显示器模式化设置为扩展

例举 :

TipProps

参数 类型 描述性
文本Color 颜色显示 颜色提示文本默认:FFFFF
颜色显示 颜色显示 颜色提示元素默认:万万
半径 数组 半径提示像素默认:5
不透明度 数组 不透明小费范围:0.0至1.0默认:0.5

例举 :

视频程序

参数 类型 描述性
控件 字符串 判定视频显示控件 :
全名全部原生控件
游戏名- 只播放/暂停按钮
无(默认)-用户无控视频自动循环带音频
声音 布林安 视频是否有声音默认:虚伪
只有当相关控件不设为none
自动播放 布林安 视频是否自动启动默认:真实性
只有当相关控件不设为none
循环式 布林安 视频是否应无休止循环播放默认:虚伪
只有当相关控件不设为none
播放器类型 字符串 视频播放器播放产品库中所有视频资产
通俗化使用云化视频播放器
本地化(默认)-浏览器HTML5视频播放器
{config} {参数} 可用参数视频播放器配置选项也可以添加到视频Props参数
只有当相关播放器类型设置为clusinary

例举 :

缩放程序

参数 类型 描述性
类型 缩放类型 缩放类型使用默认:内联
级 浮点 缩放时应用缩放因子默认:2上百分数
阶梯 整数 数数缩放阶梯可使用性,即用户可缩放图像次数范围:0至5默认:0
只有当相关类型设置为pop
步态imit 布林安 是否限制步数不缩放超出原图像大小默认:虚伪
触发程序 缩放触发器 判定缩放触发方式默认:点击
取景器定位 ZoomViewerPosition 查看器位置接近主查看器默认:右转
只有当相关类型设置为 flyout
查看器Radius 整数 半径查看器角像素默认:0
只有当相关类型设置为 flyout
查看器ZIndex 整数 栈排序缩放查看器元素大栈序元素前置小栈序元素默认:百元
只有当相关类型设置为 flyout
容器内 字符串选择器 标识页面容器元素显示缩放查看器
示例:"#my-zoom-container"
只有当相关类型设置为 flyout
取景器反位 整数 偏移主查看器缩放图像默认:10
只有当相关类型设置为 flyout注意使用多列扩展时忽略此参数显示模式.
showLens 布林安 是否显示透镜描述当前图像缩放部分默认:真实性
只有当相关类型设置为 flyout
镜界彩色 颜色显示 颜色透镜边框默认:FFFFF

只有当相关showLens设置为“ true”。
镜界Width 整数 宽透镜边框像素默认:0
只有当相关showLens设置为“ true”。
镜像摄像头 颜色显示 颜色透镜默认:FFFFF

只有当相关showLens设置为“ true”。
镜片不透明度 浮点 透镜不透明性范围:0.0至1.0默认:0.5
只有当相关showLens设置为“ true”。
镜像拉迪乌斯 整数 半径镜角像素默认:0
只有当相关showLens设置为 true
镜片Shadow 布林安 置影镜中是否加影默认:真实性
只有当相关showLens设置为“ true”。
showTip showTip 何时显示提示 。默认:触摸
端点图文 字符串 文本显示小技巧屏幕不支持触控默认:点击放大
TipTouch图文集 字符串 文本显示小技巧并支持触控屏幕默认:分页缩放
技巧定位 技巧定位 位置提示文本默认:底部

例举 :

缩放Popprops

参数 类型 描述性
后台Color 颜色显示 颜色背景默认:万千
后台不透明度 浮点 不透明背景范围:0.0至1.0默认:1.0
zindex 整数 栈排序页面弹出元素默认:百元

例举 :

ENUMs系统

AspectRatio

字符串值设置主查看器侧比

值传 注解
广场
1:1
3点4分
4: 3
4: 6
6点4分
5:7
7点5分
5点8分
8点5分
九点十六分
16:9

按键Shape

字符串值设置按钮形状

值传 注解
无 按钮透明化,只显示放大图标
圆形
广场
半径
矩形

CarouselLocation

字符串值设置旋转木马相对于部件的位置

值传 注解
右转 -
左转 -
顶部 不支持扩展显示模式.
底部 不支持扩展显示模式.

旋转木马Style

字符串值设置旋转木马样式

值传 注解
无 无旋转键组件显示:只有主查看器导航按钮可用循环资产
缩略图 缩略图
指示器 指示器

方向引导

字符串定色优先级渐变效果

值传 注解
垂直 顶部使用起始色滑入底部端色
水平化 左滑入右端颜色

显示模式

字符串值设置显示模式

值传 注解
经典 资产逐次显示主查看器
扩展 主查看器扩展,所有资产显示垂直列中(默认为1列)。移动设备不支持部件常使用经典模式

指标Shape

字符串值设置旋转木马指示器形状

值传 注解
圆形
广场
半径

加载器Style

字符串值设置加载旋转器类型时资产加载旋转器缩放到可用宽度的25%

值传 注解
云化
圆圈
自定义 自定义加载旋转器URL参数化

MediaSymbolPosition

字符串值设置图标位置

值传 注解
左上角 -
上右 -
左下角 -
底层右 -
中心点 -

MediaSymbolShape

字符串值设置媒体图标背景

值传 注解
无
圆形
广场
半径

导航

字符串设置时显示导航按钮

值传 注解
无 按钮从不出现
常态化 按钮总是出现
鼠标翻转 按钮仅在鼠标指针覆盖主查看器时出现(仅面向桌面-移动设备中总有按钮出现)。

NavigationPosition

字符串值设置导航按钮位置

值传 注解
内侧 向导边缘对齐部件内部边缘
中间 向导中间对齐部件内边缘
偏差 偏移控件内边缘的导航箭头,视值而定navigationOffset参数化

SelectedBorderPosition

字符串值设置所选缩略图显示边界

值传 注解
顶部
底部
左转
右转
顶层
左转
全部

选择类型

字符串值设置旋转木马所选缩图效果

值传 注解
边界
渐变
全部

showTip

字符串定值显示提示时间

值传 注解
触摸 仅触控设备
台式计算机 仅在桌面上
全部 触控设备与桌面
永不 未显示小技巧

排序法

字符串定值应用字母数排序

值传 注解
无 资产显示顺序与给定顺序相同媒体安全参数化
烟雾 上移序公共信息
德克族 降序公共信息

旋转动画

字符串定值自动旋转图像

值传 注解
无
启动 360旋转集立即显示主查看器
结束 用户手动旋转360旋转集
都行

旋转定界

字符串值设置方向旋转图像

值传 注解
顺时针
counter-clockwise

技巧定位

字符串值设置提示位置

值传 注解
顶部 -
中心点 -
底部 -

过渡

字符串值表示介质资产转换时应用效果

值传 注解
无 -
滑动 -
淡化 -

缩放触发器

字符串值设置缩放操作

值传 注解
点击 缩放点击资产任何地方时激活
悬停 缩放在资产悬停时激活(仅适用于桌面)。

缩放类型

字符串值设置缩放类型

值传 注解
内联 缩放图像显示与主查看器相同区域
飞出 缩放图像显示接近主查看器移动设备不支持部件代之以内联使用
弹出式 缩放图像显示为弹出盒

ZoomViewerPosition

字符串值设置缩放查看器相对于主查看器的位置

值传 注解
顶部 -
右转 -
左转 -
底部 -

实例方法

产品图片库实例返回后可使用下列方法艺廊部件方法 :

调试器

使用造型初始化产品库构件对象法

例举 :

毁灭

使用毁灭方法去掉产品库部件并取出内存

例举 :

开

使用上方法注册事件处理.

例举 :

更新

上头更新方法接受地图配置参数类更新已建部件

例举 :

事件处理

下事件可注册上方法产品画廊实例

事件处理 描述性
指针点击 图标点击
鼠标报到器 鼠标游标指针覆盖部件
鼠标左转 鼠标游标离开部件
旋转键点击 360旋转集点击
缩略图点击 缩略图点击
缩略图ext 下个缩略图导航按钮已被点击
缩略图 上前缩略图导航按钮已被点击
视频暂停 视频暂停
视频进度 视频进展率(触发率25%、50%、75%和100%)
视频启动 视频开始播放
视图ext ext主查看器导航按钮已被点击
查看器前置 上前主查看器导航按钮已被点击
动物园 图像缩放
缩放图 图像缩放

事件触发时包含下列信息并存(数据)结构 :

  • 标签标签:当前媒体资产公开显示
  • 时间戳时间事件发生
  • 进度分析:视频进展量-仅与视频进度事件详解

例举 :

并见
云产品库详情见 产品画廊向导

反馈发送

评分本页 :