2ポジションロールオーバーの作成
2ポジションロールオーバーでは、エンドユーザーがマウスのポインタを1つのボックスの上に移動させると、別のボックスにそのロールオーバーイメージが表示されます。エンドユーザーがロールオーバーするボックスは基点ボックスと呼ばれ、ロールオーバーイメージを表示するボックスはターゲットボックスと呼ばれます。2ポジションロールオーバーを作成するには、下記の手順に従ってください。
- 基点ボックス(マウスのポインタを置いてロールオーバーを行うためのボックス)として機能するテキストボックスまたは画像ボックスを作成します。テキストボックスを基点ボックスにする場合は、アイテム > 設定を選択し、書き出し時に画像へ変換をオンにします。
- ターゲットボックス(マウスのポインタが基点ボックスに置かれたときにコンテンツを変化させるボックス)として機能する別のテキストボックスまたは画像ボックスを作成します。テキストボックスをターゲットボックスにする場合は、アイテム > 設定を選択し、書き出し時に画像へ変換をオンにします。
- ターゲットボックスに画像を取り込むか、またはテキストを入力します。これは、ターゲットボックスのデフォルトコンテンツです。
- ターゲットボックスを選択した状態で、アイテム > ロールオーバー > 2ポジションターゲットの作成を選択します。基点ボックスにアイコンが表示されます。
- ロールオーバーイメージを指定するには、ターゲットボックスに新しい画像を取り込むか、または新しいテキストを入力します。
- 基点ボックスをターゲットボックスに連結するには、ウェブツールパレットで2ポジションロールオーバー連結ツールを選択して、基点ボックスをクリックし、次にターゲットボックスをクリックします。ターゲットボックスにアイコンが表示されます。
- 追加のターゲットボックスを作成するには、手順2~6を繰り返します。
親トピック: ロールオーバー