ズームリセットボタン

このボタンをクリックまたはタップすると、メインビューの画像がリセットされます。 CSSを使用して、このボタンのサイズ設定、スキン表示、位置設定を行うことができます。

メインビューア領域のCSSプロパティ

ボタンの外観は、以下のCSSクラスセレクターを使用して制御します。

.s7zoomviewer .s7zoomresetbutton

ボタンのツールチップはローカライズできます。 ユーザインターフェイス要素のローカライゼーションを参照してください。

例 — 32 x 32ピクセルで、ビューアの上および右端から6ピクセルの位置に配置し、ボタンの4つの状態ごとに異なる画像を表示するズームリセットボタンを設定します。

.s7zoomviewer .s7zoomresetbutton { 
top:6px; 
right:6px; 
width:32px; 
height:32px; 
} 
.s7zoomviewer .s7zoomresetbutton [state='up'] { 
background-image:url(images/v2/ZoomResetButton_dark_up.png); 
} 
.s7zoomviewer .s7zoomresetbutton [state='over'] {  
background-image:url(images/v2/ZoomResettButton_dark_over.png); 
} 
.s7zoomviewer .s7zoomresetbutton [state='down'] {  
background-image:url(images/v2/ZoomResetButton_dark_down.png); 
} 
.s7zoomviewer .s7zoomresetbutton [state='disabled'] { 
background-image:url(images/v2/ZoomResetButton_dark_disabled.png); 
}