キャンバス上のオブジェクトを使用したロールオーバー・イメージの作成

キャンバス上のオブジェクトを使用して、ロールオーバー・イメージを作成できます。

必要に応じて、「テンプレート・ギャラリー (Template Gallery)」で選択可能なテンプレートを使用して、ロールオーバー・イメージを作成することもできます。
イメージ・ファイルを使用してロールオーバー・イメージを作成する方法は、次のとおりです。
  1. 2 つのイメージをキャンバスにインポートまたは貼り付ける。
  2. 「オブジェクト (Object)」>「ロールオーバーの作成 (Create Rollover)」を選択する。
  3. キャンバスで、オリジナル・イメージとして使用するイメージを選択する。「オリジナル・イメージ (Original image)」ボックスの下にある「選択 (Select)」ボタンをクリックする。選択したイメージが、「オリジナル・イメージ (Original image)」ボックスおよび「プレビュー (Preview)」ボックスに表示されます。
  4. キャンバスで、最初のイメージと交換するために使用するイメージを選択する。「置換 (Replacement)」ボックスの下にある「選択 (Select)」をクリックする。ロールオーバー・イメージをプレビューするには、「プレビュー (Preview)」ボックス内のイメージにマウスをドラッグします。ヒント: 「切り替え (Switch)」をクリックすると、イメージの位置を逆にすることができます。
  5. ロールオーバーの保管 (Save Rollover)」をクリックして、「ロールオーバー (Rollover)」ウィザードを起動します。
  6. 「位置の設定 (Set Position)」ダイアログで、2 つのイメージの位置合わせを調整する。「位置 (Position)」グループ内の 9 つのボタンのうちのいずれかをクリックして、必要に応じてイメージを位置合わせする。「次へ (Next)」をクリックする。
  7. ロールオーバー・イメージを保管するイメージ・ファイル・フォーマットを選択する。ファイルは GIF、JPEG、または PNG ファイルとして保管できます。イメージの属性を変更したい場合は、変更したいイメージの下にある「詳細 (Details)」をクリックし、必要に応じて変更します。「OK」をクリックする。
  8. 終了 (Finish)」をクリックする。
  9. 「ロールオーバー・イメージ・ファイルの保管 (Save Rollover Image files)」ダイアログで、2 つのイメージ・ファイルとこれらのファイルを制御する HTML ファイルを保管するフォルダーを選択する。
  10. HTML ファイル (HTML file)」を選択し、「ファイル名 (File name)」フィールドに HTML ファイルの名前を入力する。「ロールオーバー・イメージ・ファイルの保管 (Save Rollover Image Files)」ダイアログで HTML ファイルの名前を入力すると、オリジナル・ファイルの名前を置換イメージ・ファイルの名前が自動的に設定されます。
  11. オリジナル・ファイルに割り当てられたファイル名を変更したい場合は、「オリジナル・イメージ (Original image)」を選択し、「ファイル名 (File name)」フィールドに新しい名前を入力する。置換イメージ・ファイルのファイル名を変更したい場合は、「置換イメージ (Replacement image)」を選択し、「ファイル名 (File name)」フィールドに新しい名前を入力する。「保管 (Save)」をクリックする。
ご利用条件 | フィードバック
(C) Copyright IBM Corporation 2000, 2004. All Rights Reserved. (C) Copyright IBM Japan 2005