ホームページの作り方 入門 一週間で覚えるホームページ(ドリームウィーバーとファイヤーワークス

スワップイメージ

スワップイメージは、イメージ(画像)が重なったときに、別の位置にあるイメージを変化させることができます。今回のサンプルの場合は、ゴリラの写真の上をマウスが重なると、下に「動物」の文字のイメージが表示されるようになります。


1)
①まず変化させるイメージをクリックします。
②イメージの名前を入力します。今回は「name」と入力します。※半角英数字で適当な名前を入れて下さい
③マウスに反応させたいイメージをクリックします。
④次にドリームウィーバーの画面右にある「各種パネル」からビヘイビアの「+」をクリックします。
⑤「スワップイメージ」をクリックします。

swap_001.gif
2)
⑥スワップイメージのウィンドーが開きましたら、イメージの部分で②で入力した名前のイメージを選択します。
⑦「参照」からクリックしてマウスが重なったときに表示させるイメージを選択します。
※今回は「動物」という文字のイメージを選びます。
⑧「OK」をクリックして完了です。

swap_002.gif

3)
次に植物の画像にもスワップイメージにするので、③のマウスに反応させるイメージを「植物」の画像を選択し、④~⑧を繰り返します。
※⑦で「植物」という文字のイメージを選びます



4)最後にパソコンのキーボードの「F12」を押し、ブラウザで確認してイメージが切り替われば完了です。

TOPPAGE  TOP 
スポンサードリンク

サイト内検索


RSS2.0