- Dynamic Media查看器参考指南
- 查看器库示例
- 系统要求
- 在同一服务器上安装多个查看器
- 查看器发行说明
- 兼容性说明
- 键盘辅助功能和导航
- 查看器SDK教程
- AEM Assets和Dynamic Media Classic查看器
- AEM Assets和Dynamic Media Classic查看器
- 基本缩放
- eCatalog
- eCatalog
- 命令引用 — Configuration-attributes
- 命令引用 — 配置属性
- 关闭按钮
- ControlBar.transition
- 方向
- EmailShare.emailurl
- EmbedShare.embedsizes
- FavoritesEffect.expiration
- FavoritesMenu.bearing
- FavoritesView.align
- FavoritesView.favoritesThumbView
- FavoritesView.fmt
- FavoritesView.iscommand
- FavoritesView.maxloadradius
- FavoritesView.textpos
- ImageMapEffect.mapTips
- ImageMapEffect.mode
- ImageMapEffect.rollover
- InfoPanelPopup.infoServerUrl
- InfoPanelPopup.showhidetransition
- InfoPanelPopup.template
- 初始帧
- PageView.doubleclick
- PageView.enableHD
- PageView.fmt
- PageView.frametransition
- PageView.iconEffect
- PageView.iscommand
- PageView.maxloadradius
- PageView.pageturnstyle
- PageView.singleclick
- PageView.transition
- PageView.zoomstep
- portraitFrame
- Print.printquality
- SocialShare.bearing
- TableOfContents.bearing
- TableOfContents.maxitems
- TableOfContents.showdefault
- ThumbnailGridView.align
- ThumbnailGridView.enabledragging
- ThumbnailGridView.fmt
- ThumbnailGridView.maxloadradius
- ThumbnailGridView.scrollbar
- ThumbnailGridView.textpos
- eCatalog查看器的JavaScript API参考
- 事件回调
- 自定义eCatalog查看器
- 支持Adobe Analytics跟踪
- 辅助技术支持
- 用户界面元素的本地化
- 图像映射支持
- 管理页面标签
- 全屏支持
- 打印功能
- 下载
- 收藏夹功能
- Viewer SDK命名空间
- eCatalog搜索
- eCatalog搜索
- 命令引用 — 配置属性
- 命令引用 — 配置属性
- 关闭按钮
- ControlBar.transition
- 方向
- EmailShare.emailurl
- EmbedShare.embedsizes
- FavoritesEffect.expiration
- FavoritesMenu.bearing
- FavoritesView.align
- FavoritesView.favoritesThumbView
- FavoritesView.fmt
- FavoritesView.iscommand
- FavoritesView.maxloadradius
- FavoritesView.textpos
- ImageMapEffect.mapTips
- ImageMapEffect.mode
- ImageMapEffect.rollover
- InfoPanelPopup.infoServerUrl
- InfoPanelPopup.showhidetransition
- InfoPanelPopup.template
- 初始帧
- PageView.doubleclick
- PageView.enableHD
- PageView.fmt
- PageView.frametransition
- PageView.iconEffect
- PageView.iscommand
- PageView.maxloadradius
- PageView.pageturnstyle
- PageView.singleclick
- PageView.transition
- PageView.zoomstep
- portraitFrame
- Print.printquality
- SearchPanel.align
- SearchPanel.fmt
- SearchPanel.iscommand
- SearchPanel.maxloadradius
- SearchPanel.textpos
- searchServerUrl
- SocialShare.bearing
- TableOfContents.bearing
- TableOfContents.maxitems
- TableOfContents.showdefault
- ThumbnailGridView.align
- ThumbnailGridView.enabledragging
- ThumbnailGridView.fmt
- ThumbnailGridView.maxloadradius
- ThumbnailGridView.scrollbar
- ThumbnailGridView.textpos
- eCatalog搜索查看器的JavaScript API参考
- 事件回调
- 自定义eCatalog搜索查看器
- 支持Adobe Analytics跟踪
- 辅助技术支持
- 用户界面元素的本地化
- 图像映射支持
- 管理页面标签
- 打印功能
- 全屏支持
- 下载
- 搜索功能
- Viewer SDK命名空间
- 弹出
- 弹出
- 命令引用 — 配置属性
- 命令引用 — 配置属性
- FlyoutZoomView.flyouttransition
- FlyoutZoomView.fmt
- FlyoutZoomView.frametransition
- FlyoutZoomView.highlightmode
- FlyoutZoomView.imagereload
- FlyoutZoomView.iscommand
- FlyoutZoomView.overlay
- FlyoutZoomView.preloadtiles
- FlyoutZoomView.tip
- FlyoutZoomView.zoomfactor
- Swatches.align
- Swatches.buttonsnapmode
- Swatches.direction
- Swatches.enabledragging
- Swatches.iscommand
- Swatches.maxloadradius
- Swatches.pagemode
- Swatches.partialswatches
- Swatches.scrollstep
- 适用于弹出查看器的JavaScript API参考
- 事件回调
- 自定义弹出查看器
- 支持Adobe Analytics跟踪
- 辅助技术支持
- 用户界面元素的本地化
- Viewer SDK命名空间
- 内联缩放
- 内联缩放
- 命令引用 — 配置属性
- 命令引用 — 配置属性
- FlyoutZoomView.flyouttransition
- FlyoutZoomView.fmt
- FlyoutZoomView.frametransition
- FlyoutZoomView.imagereload
- FlyoutZoomView.iscommand
- FlyoutZoomView.preloadtiles
- FlyoutZoomView.tip
- FlyoutZoomView.zoomfactor
- Swatches.align
- Swatches.buttonsnapmode
- Swatches.direction
- Swatches.enabledragging
- Swatches.iscommand
- Swatches.maxloadradius
- Swatches.pagemode
- Swatches.partialswatches
- Swatches.scrollstep
- 内联缩放查看器的JavaScript API参考
- 事件回调
- 自定义内联缩放查看器
- 支持Adobe Analytics跟踪
- 辅助技术支持
- 用户界面元素的本地化
- Viewer SDK命名空间
- 混合媒体
- 混合媒体
- 命令引用 — 配置属性
- 命令引用 — 配置属性
- 关闭按钮
- ControlBar.transition
- FlyoutZoomView.fmt
- FlyoutZoomView.imagereload
- FlyoutZoomView.preloadtiles
- FlyoutZoomView.tip
- SpinView.doubleclick
- SpinView.enableHD
- SpinView.fmt
- SpinView.iconeffect
- SpinView.iscommand
- SpinView.lockdirection
- SpinView.maxloadradius
- SpinView.sensitivity
- SpinView.singleclick
- SpinView.transition
- SpinView.zoomstep
- Swatches.align
- Swatches.buttonsnapmode
- Swatches.direction
- Swatches.enabledragging
- Swatches.fmt
- Swatches.iscommand
- Swatches.maxloadradius
- Swatches.pagemode
- Swatches.partialswatches
- Swatches.scrollstep
- Swatches.textpos
- 样本叠加
- VideoPlayer.autoplay
- VideoPlayer.iconeffect
- VideoPlayer.initialbitrate
- VideoPlayer.loop
- VideoPlayer.mutevolume
- VideoPlayer.playback
- VideoPlayer.posterimage
- VideoPlayer.preload
- VideoPlayer.progressivebitrate
- VideoPlayer.singleclick
- VideoPlayer.ssl
- VideoPlayer.waiticon
- VideoScrubber.showtime
- VideoScrubber.timepattern
- VideoTime.timepattern
- 缩放模式
- ZoomView.doubleclick
- ZoomView.enableHD
- ZoomView.fmt
- ZoomView.iconeffect
- ZoomView.iscommand
- ZoomView.reset
- ZoomView.rgn
- ZoomView.rgnN
- ZoomView.singleclick
- ZoomView.transition
- ZoomView.zoomstep
- 适用于混合媒体查看器的JavaScript API参考
- 事件回调
- 自定义混合媒体查看器
- 支持Adobe Analytics跟踪
- 辅助技术支持
- HTTPS视频交付
- 用户界面元素的本地化
- 全屏支持
- Viewer SDK命名空间
- 旋转
- 视频
- 视频
- 命令引用 — 配置属性
- 命令引用 — 配置属性
- ControlBar.transition
- EmailShare.emailurl
- EmbedShare.embedsizes
- SocialShare.bearing
- VideoPlayer.autoplay
- VideoPlayer.iconeffect
- VideoPlayer.initialbitrate
- VideoPlayer.loop
- VideoPlayer.mutevolume
- VideoPlayer.playback
- VideoPlayer.posterimage
- VideoPlayer.preload
- VideoPlayer.progressivebitrate
- VideoPlayer.singleclick
- VideoPlayer.ssl
- VideoPlayer.waiticon
- VideoScrubber.chaptertimepattern
- VideoScrubber.showchaptertime
- VideoScrubber.showchaptertitle
- VideoScrubber.timepattern
- VideoTime.timepattern
- 命令引用 — URL
- 对视频查看器的JavaScript API引用
- 事件回调
- 自定义视频查看器
- 支持Adobe Analytics跟踪
- 辅助技术支持
- HTTP视频交付
- 用户界面元素的本地化
- 全屏支持
- 外部视频支持
- Viewer SDK命名空间
- 缩放
- Zoom
- 命令引用 — 配置属性
- 命令引用 — 配置属性
- 关闭按钮
- Swatches.align
- Swatches.buttomsnapmode
- Swatches.direction
- Swatches.enabledragging
- Swatches.fmt
- Swatches.iscommand
- Swatches.maxloadradius
- Swatches.pagemode
- Swatches.partialswatches
- Swatches.scrollstep
- 样本叠加
- ZoomView.doubleclick
- ZoomView.enableHD
- ZoomView.fmt
- ZoomView.frametransition
- ZoomView.iconeffect
- ZoomView.iscommand
- ZoomView.reset
- ZoomView.singleclick
- ZoomView.transition
- ZoomView.zoomstep
- 缩放查看器的JavaScript API参考
- 事件回调
- 自定义缩放查看器
- 支持Adobe Analytics跟踪
- 辅助技术支持
- 用户界面元素的本地化
- 全屏支持
- Viewer SDK命名空间
- 仅适用于AEM Assets的查看器
- 仅适用于AEM Assets的查看器
- 轮盘式
- 交互式图像
- 交互式视频
- 交互式视频
- 命令引用 — 配置属性
- 命令引用 — 配置属性
- CallToAction.align
- CallToAction.direction
- CallToAction.enabledragging
- CallToAction.fmt
- CallToAction.maxloadradius
- CallToAction.scrollbar
- CallToAction.textpos
- callToActionRecap
- ControlBar.transition
- InteractiveSwatches.autoscroll
- InteractiveSwatches.direction
- InteractiveSwatches.displaymode
- InteractiveSwatches.enabledragging
- InteractiveSwatches.fmt
- InteractiveSwatches.maxloadradius
- InteractiveSwatches.scrollstep
- InteractiveSwatches.textpos
- SocialShare.bearing
- VideoPlayer.autoplay
- VideoPlayer.iconeffect
- VideoPlayer.initialbitrate
- VideoPlayer.loop
- VideoPlayer.mutevolume
- VideoPlayer.playback
- VideoPlayer.posterimage
- VideoPlayer.preload
- VideoPlayer.progressivebitrate
- VideoPlayer.singleclick
- VideoPlayer.ssl
- VideoPlayer.waiticon
- VideoScrubber.chaptertimepattern
- VideoScrubber.showchaptertime
- VideoScrubber.showchaptertitle
- VideoScrubber.timepattern
- VideoTime.timepattern
- 命令引用 — URL
- 交互式视频查看器的JavaScript API参考
- 事件回调
- 自定义交互式视频查看器
- 支持Adobe Analytics跟踪
- 辅助技术支持
- HTTPS视频交付
- 交互式数据支持
- 用户界面元素的本地化
- 全屏支持
- Viewer SDK命名空间
- 智能裁剪视频
- 智能裁剪视频
- 命令引用 — 配置属性
- 命令引用 — 配置属性
- ControlBar.transition
- EmailShare.emailurl
- EmbedShare.embedsizes
- SocialShare.bearing
- SmartCropVideoPlayer.autoplay
- SmartCropVideoPlayer.iconeffect
- SmartCropVideoPlayer.initialbitrate
- SmartCropVideoPlayer.loop
- SmartCropVideoPlayer.mutevolume
- SmartCropVideoPlayer.playback
- SmartCropVideoPlayer.posterimage
- SmartCropVideoPlayer.preload
- SmartCropVideoPlayer.progressivebitrate
- SmartCropVideoPlayer.singleclick
- SmartCropVideoPlayer.ssl
- SmartCropVideoPlayer.waiticon
- VideoScrubber.chaptertimepattern
- VideoScrubber.showchaptertime
- VideoScrubber.showchaptertitle
- VideoScrubber.timepattern
- VideoTime.timepattern
- 命令引用 — URL
- 智能裁剪视频查看器的JavaScript API参考
- 事件回调
- 自定义智能裁剪视频查看器
- 支持Adobe Analytics跟踪
- HTTPS视频交付
- 辅助技术支持
- 用户界面元素的本地化
- 全屏支持
- 外部视频支持
- Viewer SDK命名空间
- Video360
- Video360
- 命令引用 — 配置属性
- 命令引用 — 配置属性
- ControlBar.transition
- EmbedShare.embedsizes
- SocialShare.bearing
- Video360Player.autoplay
- Video360Player.iconeffect
- Video360Player.initialbitrate
- Video360Player.loop
- Video360Player.mutevolume
- Video360Player.playback
- Video360Player.posterimage
- Video360Player.preload
- Video360Player.progressivebitrate
- Video360Player.singleclick
- Video360Player.ssl
- Video360Player.vrrender
- Video360Player.waiticon
- VideoScrubber.timepattern
- VideoTime.timepattern
- 命令引用 — URL
- 适用于Video360查看器的JavaScript API参考
- 事件回调
- 自定义Video360查看器
- 支持Adobe Analytics跟踪
- HTTPS视频交付
- 辅助技术支持
- 用户界面元素的本地化
- 全屏支持
- 外部视频支持
- Viewer SDK命名空间
- 所有查看器通用的命令引用 — 配置属性
- 所有查看器通用的命令引用 — URL
图标效果
缩放指示器覆盖在主视图区域上。 当图像处于重置状态时显示，并且还取决于iconeffect参数。
主查看器区域的CSS属性
查看区域的外观由以下CSS类选择器控制：
.s7zoomviewer .s7zoomview .s7iconeffect
| CSS属性 |
说明 |
|---|---|
| background-image |
缩放指示器图稿。 |
| background-position |
如果使用CSS sprite，则定位在图稿sprite内。 参见 CSS脚本 . |
| width |
缩放指示器宽度。 |
| height |
缩放指示器高度。 |
注意
图标效果支持 media-type 属性选择器，可用于在不同的设备上应用不同的图标效果。 特别是， media-type='standard' 与通常使用鼠标输入的桌面系统相对应，并且 media-type='multitouch' 对应于具有触摸输入的设备。
示例 — 为桌面系统和触摸设备使用不同的艺术作品设置100 x 100像素缩放指示器。
.s7zoomviewer .s7zoomview .s7iconeffect {
width: 100px;
height: 100px;
}
.s7zoomviewer .s7zoomview .s7iconeffect[media-type='standard'] {
background-image:url(images/v2/IconEffect_zoom.png);
}
.s7zoomviewer .s7zoomview .s7iconeffect[media-type='multitouch'] {
background-image:url(images/v2/IconEffect_pinch.png);
}
更改语言
