画像のロールオーバーを作成する
ロールオーバーはユーザーがマウスである動作を行ったときに表示が変更される画像、または画像の一部です。Web デザイナーなどはナビゲーション バーのボタンのロールオーバーを頻繁に作成します。ユーザーがボタンをクリックすると、ブラウザーがリンク先の Web ページ (またはファイル) を表示し、ロールオーバー エリアは他のボタンを表示します。
ユーザーが特定のマウス操作を実行したときに表示される画像ファイルを選択することにより、イメージ スライスやイメージ マップにロールオーバーを割り当てることができます。
画像のロールオーバーを作成するには
編集ワークスペース
1 ロールオーバー画像として使用する画像を作成します。第 2 の画像は、元の画像から複製されますが、マウスで元の画像をロールオーバーしたときに区別できるよう編集されます。
2 次のいずれかの操作を行います。
• [ファイル] > [エクスポート] > [イメージ マップ] を選択します。
• [ファイル] > [エクスポート] > [イメージ スライス] を選択します。
注意: 必要に応じて、画像の領域に移動し、適切なツール ([多角形]、[矩形]、または [円形] ツール) を使用してロールオーバーを追加する領域を指定します。
3 [ロールオーバーの設定] をクリックします。
[ロールオーバーの設定] ダイアログ ボックスが表示されます。
4 以下のチェック ボックスのいずれかをチェックして、ロールオーバーをアクティブにする操作を決定します。
• マウスが上にきたとき
• マウスが去ったとき
• マウスのクリック
• マウスのダブルクリック
• ボタンを放したとき
• ボタンを押したとき
5 [開く] ボタン
をクリックします。
[ロールオーバーの設定] ダイアログ ボックスが表示されます。
6 使用する画像ファイルのあるフォルダーに移動してファイルを選択します。
ファイルを選択しないと、元のファイルが使用されます。
7 [開く] をクリックします。
[ロールオーバーの設定] ダイアログ ボックスで、チェック ボックスの横にあるボックスにファイル パスが表示されます。
8 [キャンセル] をクリックして、[イメージ マップ] または [イメージ スライス] ダイアログ ボックスに戻ります。
Web ブラウザーのウィンドウで作成したロールオーバーを確認するには、
[ブラウザーでプレビュー] ボタン
をクリックします。