ボタンの作成
ロールオーバボタンを作成する方法はいろいろあります。最も簡単なのは、「編集」メニューの中の「ライブラリ」から適当な「ボタン」を選択する方法だと思います。ここでは、既存のボタンを読み込むのではなく、先ほどの”たまご”をボタンにしてみます。
シンボルの作成
まず、”たまご”の画像をシンボルに変換します。
- ツールボックスから「選択ツール」を選び、”たまご”を1つクリックして選択。
- 「修正」メニューから「シンボル」→「シンボルに変換」で、開
いたウインドウで「ボタン」を選択して「OK」をクリック。
シンボルに変換された”たまご”はインタラクティビティーを持つ領域として、中央に十字ハンドルを持つ薄緑色のスライス領域になります。
- シンボルに変換した”たまご”をダブルクリックしてシンボル編集
ウインドウを開く。
ロールオーバーイメージの作成
シンボル編集ウィンドウで、画像にマウスが乗った時のイメージを設定します。
- 「オーバー」タブをクリックし、「アップのグラフィックスをコピー」
ボタンを押して、画像をコピーする。
- 「選択ツール」で”たまご”を選択。
- 「フィルター」メニューから「カラーの調整」→「色相/彩度...」を選択。
- 色相を適当な値(例えば-150)ずらして「OK」ボタンをクリック。
URLの指定
次に、シンボル編集ウィンドウで、ボタンのリンク先 URL を設定します。
- 「ヒット」タブをクリックし、”たまご”画像がある領域をクリック。
- プロパティインスペクタにあるツールオプションのリンクとALTに適当な値を挿入。
ここでは、それぞれ、
リンク:http://www.media.hiroshima-u.ac.jp/
ALT:Information Media Center
と入力しています。
- 「終了」ボタンをクリックして、シンボルの編集を終了。
これで、リンク先がメディアセンターのホームページで、マウスを乗せるとイメージの色が変わるロールオーバボタンが完成しました。
他の”たまご”に対しても、上記作業を繰り返すと、以下のような表示になります。