マウスオーバーで別の場所にある画像を入れ替える

入れ替える画像をクリックして選択します。

インスペクタで名前/IDの部分に英文字で名前を指定します。最初が英文字で2文字目以降は数字やアンダーバーにしてください。これはJavaScriptで画像操作を行うためです。

マウスが載ったら入れ替える文字または画像を選択します。

リンクします。リンク先の指定は特にしてもしなくても構いません。気になる場合には#とだけ入力します。

アクションパレットでマウスを合わせるを選択し、新規アクションアイコンをクリックします。

アクションのポップアップメニューから画像→画像URLの設定を選択します。

画像のポップアップメニューから先ほど設定した画像の名前を選択します。マウスが載ったら表示する画像のURLを設定します。

同様に他も設定します。

ブラウザで動作を確認します。JavaScriptがオンになっていないと動作しないので注意してください。

002の上にマウスを乗せると画像が入れ替わります。