Adobe
サインイン 注文状況 マイアカウント
ロールオーバーでインタラクティブ機能を追加
page 1 2
リモートロールオーバーのトリガおよびリモート画像オブジェクトを設定

新しいページを開いて、レイアウトエディタにプレースホルダテキストを入力します。 ページに空の透明なGIF画像を追加します。これはリモート画像オブジェクトになり、テキスト上にマウスポインタを移動したときに別の画像に置き換えられます。 画像を選択し、画像インスペクタの「基本」タブの名前/IDメニューからオプションを選択して、「名前/ID」テキストボックスに画像固有の名前またはIDを入力します。

リモートロールオーバーでは、トリガオブジェクト上でマウスを操作すると、ページの別の場所にある画像が変更されます。 リモートロールオーバーのトリガオブジェクトとして、テキストやその他の画像など、任意のHTMLエレメントを使用できます。 リモートロールオーバーを使用してページの空白領域にオブジェクトを表示するには、透明なGIFをリモート画像オブジェクトとして使用します。 リモートロールオーバーを実行すると、空白領域に画像が表示されます。

step04_int
リモートロールオーバーを作成

テキストを選択し、ロールオーバーとアクションパレットの「ロールオーバー」タブで、「オーバー」を選択します。 新規ロールオーバー画像を作成ボタンをクリックし、名前/IDメニューからリモート画像オブジェクトの名前またはIDを選択します。 「URL」テキストボックスで、テキスト上にマウスポインタを移動したときにリモート画像オブジェクトを置き換える画像にポイント&シュートをドラッグします。または、参照ボタンをクリックしてその画像を選択します。 ドキュメントウィンドウで「プレビュー」タブをクリックし、リモートロールオーバーをプレビューします。テキスト上にマウスポインタを移動して効果を確認してください。

ロールオーバーを使用すると、Webページにインタラクティブ機能を簡単に追加できます。GoLive CSでは、セルフロールオーバーとリモートロールオーバーを簡単にすばやく作成することができます。 Adobe ImageReadyを使用すると、ImageReadyのロールオーバーを読み込んで、GoLiveのロールオーバーに別のステートを追加することもできます。

step05_int
トップへ戻る
back