- 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追蹤
- 輔助技術支援
- 使用者介面元素的本地化
- 影像地圖支援
- 管理頁面標籤
- 全熒幕支援
- 列印功能
- 下載
- 我的最愛功能
- 檢視器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追蹤
- 輔助技術支援
- 使用者介面元素的本地化
- 影像地圖支援
- 管理頁面標籤
- 列印功能
- 全熒幕支援
- 下載
- 搜尋功能
- 檢視器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追蹤
- 輔助技術支援
- 使用者介面元素的本地化
- 檢視器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追蹤
- 輔助技術支援
- 使用者介面元素的本地化
- 檢視器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視訊傳送
- 使用者介面元素的本地化
- 全熒幕支援
- 檢視器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視訊傳送
- 使用者介面元素的本地化
- 全熒幕支援
- 外部視訊支援
- 檢視器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追蹤
- 輔助技術支援
- 使用者介面元素的本地化
- 全熒幕支援
- 檢視器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視訊傳送
- 互動式資料支援
- 使用者介面元素的本地化
- 全熒幕支援
- 檢視器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視訊傳送
- 輔助技術支援
- 使用者介面元素的本地化
- 全熒幕支援
- 外部視訊支援
- 檢視器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視訊傳送
- 輔助技術支援
- 使用者介面元素的本地化
- 全熒幕支援
- 外部視訊支援
- 檢視器SDK名稱空間
- 所有檢視器通用的命令參考 — 組態屬性
- 所有檢視器通用的命令參考 — URL
縮放檢檢視示效果
縮放指示器覆蓋在縮放檢視區域上。 當影像處於重設狀態時會顯示它，而且它還取決於iconeffect引數。
主要檢視器區域的CSS屬性
檢視區域的外觀是由下列CSS類別選取器所控制：
.s7mixedmediaviewer .s7zoomview .s7iconeffect
| CSS屬性 |
說明 |
|---|---|
| background-image |
縮放指示器圖稿。 |
| background-position |
若使用CSS sprite，則定位在圖稿sprite內。 另請參閱 CSS精靈 . |
| width |
縮放指示器寬度。 |
| height |
縮放指示器高度。 |
注意
圖示效果支援 media-type 屬性選擇器，可用來將不同的圖示效果套用至不同的裝置。 尤其是， media-type='standard' 對應至一般使用滑鼠輸入的桌上型電腦系統，以及 media-type='multitouch' 對應至具有觸控輸入的裝置。
範例 — 為桌上型電腦系統和觸控裝置設定100 x 100畫素縮放指示器，使用不同的藝術品。
.s7mixedmediaviewer .s7zoomview .s7iconeffect {
width: 100px;
height: 100px;
}
.s7mixedmediaviewer .s7zoomview .s7iconeffect[media-type='standard'] {
background-image:url(images/v2/IconEffect_zoom.png);
}
.s7mixedmediaviewer .s7zoomview .s7iconeffect[media-type='multitouch'] {
background-image:url(images/v2/IconEffect_pinch.png);
}
變更語言
