缩放指示器覆盖在主视图区域上。 当图像处于重置状态时显示,并且还取决于iconeffect参数。
查看区域的外观由以下CSS类选择器控制:
.s7ecatalogviewer .s7pageview .s7iconeffect
CSS属性 |
说明 |
---|---|
background-image |
缩放指示器图稿。 |
background-position |
如果使用CSS sprite,则定位在图稿sprite内。 另请参阅 CSS脚本 . |
width |
缩放指示器宽度(以像素为单位)。 |
height |
缩放指示器高度(像素)。 |
图标效果支持 media-type
属性选择器,可用于在不同的设备上应用不同的图标效果。 特别是, media-type='standard'
与通常使用鼠标输入的桌面系统相对应,并且 media-type='multitouch'
对应于具有触摸输入的设备。
示例 — 为桌面系统和触摸设备使用不同的艺术作品设置100 x 100像素缩放指示器。
.s7ecatalogviewer .s7pageview .s7iconeffect {
width: 100px;
height: 100px;
}
.s7ecatalogviewer .s7pageview .s7iconeffect[media-type='standard'] {
background-image:url(images/v2/IconEffect_zoom.png);
}
.s7ecatalogviewer .s7pageview .s7iconeffect[media-type='multitouch'] {
background-image:url(images/v2/IconEffect_pinch.png);
}