图标效果 icon-effect

缩放指示器覆盖在主视图区域上。 当图像处于重置状态时显示,并且还取决于iconeffect参数。

主查看器区域的CSS属性

查看区域的外观由以下CSS类选择器控制:

.s7zoomviewer .s7zoomview .s7iconeffect
CSS属性
说明
background-image
缩放指示器图稿。
background-position

如果使用CSS sprite,则定位在图稿sprite内。

参见 CSS脚本.

width
缩放指示器宽度。
height
缩放指示器高度。
NOTE
图标效果支持 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);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8