预加载图像
最近更新: 2024年7月20日
创建对象:
- 开发人员
- 用户
预加载图像是一个静态资源预览图像,在调用init()方法后立即加载,并在下载查看器SDK库、资源和预设信息时显示。 预加载图像的目的在于直观地改善查看者的加载时间并向用户快速展示内容。
预加载图像适用于最常见的查看器嵌入方法,即不受高度限制的响应式嵌入。 查看标题具有不受限制高度的响应式设计嵌入。
但是,当使用其他嵌入方法或特定配置选项时,该功能有一定的限制。 在以下情况下,预加载图像可能无法正确呈现:
- 当查看器大小固定且大小在查看器预设记录中使用
stagesize
配置属性定义时。 或者,对顶级查看器容器元素使用外部查看器CSS文件。 - 使用灵活大小嵌入时,采用宽度和高度定义的查看器嵌入方法。 查看标题宽度和高度定义的灵活大小嵌入。
如果您在上面列出的操作模式之一中使用查看器,请使用preloadImage
配置属性禁用预加载图像功能。
此外,如果查看器嵌入到DOM元素中使用display:none
CSS设置是隐藏的,或者已从DOM树中分离,则不会使用预加载图像(即使在配置中启用了预加载图像)。
Experience Manager
- Dynamic Media查看器参考指南
- 查看器库示例
- 系统要求
- 在同一服务器上安装多个查看器
- 查看器发行说明
- 兼容性说明
- 键盘辅助功能和导航
- 查看器SDK教程
- AEM Assets和Dynamic Media Classic的查看器
- AEM Assets和Dynamic Media Classic查看器
- 基本缩放
- 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
- 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命名空间
- 缩放
- 缩放
- 命令引用 — 配置属性
- 命令引用 — 配置属性
- 关闭按钮
- 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