ロールオーバー効果

	ロールオーバー効果とは、マウスを画像の上に移動させたときに 別の画像に入れ替わり、マウスを画像の上からはずすと元の画像に戻る というもので、ちょっとしたアクセントになります。 その例が左の画像です。 左の画像にマウスを移動させてみてください。
	図のように「ページ部品の挿入」から、 「ロールオーバー画像を挿入する」をクリックします。
	左の画面で「参照」をクリックするとファイルか画像を選択できます。 「素材集から」をクリックするとビルダーの素材集から画像を選択できます。 ここでは、後者の説明をすすめます。
	「素材集から」をクリックすると左の画面が出てきます。 ここは、通常時（マウスが上に無い時）の画像を選びます この中から、好きな画像を選択して、「開く」をクリックします。
	すると左の画面が出てきますので、「次ぎへ」をクリックします。
	続いて左の画面が出てきます。 「ファイル名を指定する」をクリックし 「素材集から」をクリックし、 マウスが画像の上に来た時の画像を 先ほどと同様に選択します。 丸囲みの画像の上にマウスを持っていく と動作の確認が出来ます。 確認したら「次ぎへを」クリックします。
	「通常時の画像に効果を加えたものを使用する」を選択するとこの画面が出てきます。 ここで加えたい効果を選択して、プレビューで動作確認して問題が無ければ、「ＯＫ」をクリック します。
	次にリンクさせる場合はＵＲＬを指定します。 （指定しない場合はそのまま「次へ」をクリックします。 直接ＵＲＬを入力してもいいですし、「参照」から指定してもＯＫです。 指定したら「次へ」をクリックします。
	最後の設定です。 ここでは左の例のようなことが出来ます。 ハートにマウスを持っていって見てください。 このように画像の上にマウスがくると別の場所にある画像を変化させる事が出来るのです。
	この設定をしない時は、そのまま「完了」 をクリックします。 この効果を加える時は「追加」をクリックします。
	「ページ内の画像」から変化させたい画像を選択し、「次へ」をクリックします。 すると下の画面が出てきます。 ここで、入れ替える画像を選択したら 「完了」をクリックすれば終了です。
	ここで、入れ替える画像を選択したら 「完了」をクリックすれば終了です。

TOP