他のフレームに画像を表示するには

質問

こんにちは。
一応ググったところ、参考になるものはあったんですが、どうやってもエラーが出てしまいます。

INDEX.htmlにインフレームをテーブルタグを使い、左、中央上、中央下、右に配置し、各インフレームに左に名前0、中央上に名前1、中央下に名前2、右に名前3と仮に名づけました。

インフレーム（名前3）
<script>
<!--
function changePicture(picname) {
document.フレームの名前（名前1）.all.PICTURE.src = picname;
}
//-->
</script>
・・・
<img src="xxxx.jpg" onclick="changePicture('yyyy.jpg')">
（クリックすると名前1のフレームにyyyの画像を表示）

フレーム（名前1）
<img src="zzzz.jpg" id=PICTURE>
（変更される画像）

しかし、何が悪いのか、エラーが出てしまいます；；
インフレームを使っているのが悪いんでしょうか？
何か解決方法がありましたらお願いします。

回答No.1

zeeeg · ベストアンサー

＞document.フレームの名前（名前1）.all.PICTURE.
完動するものが無いので確認はしてませんが、気になった点２点
・画像を変更するフレームは、クリック操作するdocumentの下位に
　ある訳ではない。
・all はIEでしか使えない。

以上を踏まえて、こういう風に書き換えるべきでは？
window.名前1.document.getElementById("PICTURE").

お礼

回答ありがとうございます！
書き換えてみたんですが、まだエラーがでてしまいます。
一応拡張子、大文字、小文字、つづりも確認してみましたが変化はありませんでした。
他の方法を探したいと思います。ありがとうございました！