画像の上にマウスを乗せてください。→
右フレームに同じ画像が表示されます。
イベントの設定とレイアウト枠を別々のフレームに設定する
ビルダーでのイベントの設定を行なわず、下に紹介するタグを貼りつけてください。
(確認はIE6.0のみです。)
  1. レイアウト枠のエフェクト設定を「隠す」に設定する。
    <レイアウト枠の設定はこちらを参考に。>
    エフェクトの設定を忘れてプレビューで確認するとエラーになります。
    フレーム名を必ず設定する
  2. イベントを設定するページの<HEAD>内へ下のタグをコピーして貼りつけてください。
    <タグの挿入方法はこちらを参考に。>

    <!--ここから-->
    <script language="javascript">
    <!--
    function cbr(target,du){
    parent.フレーム名.document.getElementById(target).style.visibility=du;
    }
    //-->
    </script>
    <!--ここまで-->
    ※ フレーム名の所は、レイアウト枠を設定しているフレーム名を記入します。
  3. イベントの設定(タグを直接書きこみます)
    イベントを設定する画像等をフォーカス枠にして、右クリック→イベントの設定→「OnMouseOver」を選択し、スクリプト欄に cbr('layer**','visible') と入力→登録。
    「OnMouseOut」を選択し、スクリプト欄に cbr('layer**','hidden')と入力→登録→OK。

    ※「layer**」の部分は、表示するレイヤー名に変更してください。