DreamWeaverMXでジョイントロールオーバーの作り方

質問

WindowsのDreamWeaverMXを使用しています。

ある画像にマウスポインタを合わせると別の場所の画像が変わる
「ジョイントロールオーバー」を作りたいと思っています。
タグはよくわかりませんので、ソフトの機能を利用して作れるのでしたら
手順を教えていただけないでしょうか。

私が購入した解説書では、
FireWorksMXを使って作れると書いてあったのですが、
そのソフトは持っていないので、
DreamWeaverMXでの作り方を質問しました。

回答No.1

noname#107580 · ベストアンサー

こんにちは！

やはりFireWorks やPhotosyop がなくJavaScriptも覚える気がないとなるとちょっと難しいですね。

簡単なものをご説明いたしますが、これ以上のものを求めるならば、ソフトを買うかプログラムを覚えるしかありません・・。

１．まず、マウスオーバーする画像（A）と変化する前の画像（B）変化後の画像（C）を用意します。
（BとCの画像の大きさは同じにしてください）

２．テーブルなどを利用し（A）と（B）の画像をそれぞれ置きたい場所に挿入します。

３．（B）を選択した状態で【プロパティインスペクタ】の左上の欄（イメージ、**Ｋ・・と書いているところの下）に適当な名前をつけます。（半角で・・ここでは aaa とします）

４．（A）画像を選択した状態でビヘイビアパレットの【＋】をクリックして『スワップイメージ』を選択します。

５．スワップイメージのダイアログボックスが出ますので【イメージ】の中にある『イメージ"aaa"』を選択。

６．【ソースの設定】の『参照』をクリックして、変化後の画像（C）を指定します。
（プリロードと復元にはチェックを入れておきます）

以上で設定は終わりです。
ブラウザでプレビューしてご確認下さい。

お礼

こんにちは。
早速、教えていただいた方法を試しましたところ
希望どおりにできました！！

ホームページをつくりはじめてまだ1週間もたっていないので、
今後はがんばってJavaScriptも徐々に覚えていこうと思います。
どうもありがとうございました。

回答No.2

noname#107580

こんにちは！

＞ホームページをつくりはじめてまだ1週間もたっていないので、

そうでしたか・・
そういう方に対して
『JavaScriptも覚える気がないとなると・・』
という言い方はいやみっぽかったですね・・m(_ _)m

逆に1週間だけでここまで出来るのはすごいですね。
がんばってる～って感じです。

私はビヘイビアに手をつけたのは３～５ヶ月も経ってからでした。

お礼

みなさんのいろんなセンスのよい、面白いサイトを
見ていると、いろいろまねしたくなってしまうんです！
今朝はためしにやってみただけなので、
これから実際のページで使ってみようと思います。
ほんとにどうもありがとうございました。