サムネイルをマウスオーバーで、所定の場所に大きな画像を表示したい

解決済

質問者：nami__nami
質問日時：2006/01/15 04:45
回答数：1件

↓ここのページを参考にアルバムのページを作ってます。
http://www14.plala.or.jp/sugachuu/JavaScript/k06 …

で、一番上にタイトルいれたかったのでタイトル画像を置いたらおかしくなり
サムネイルにマウスを持ってくとタイトル画像のスペースに
拡大画像が表示されるようになってしまいました。。
タイトルは上記ページのソースの<body>タグのはじめに貼り付けました。
正しく表示させるためにはどのようにしたら良いでしょうか？
また、これとは違った方法がありましたらぜひ教えてください><

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： yambejp
回答日時：2006/01/15 18:15

そりゃぁまぁdocument.images[0]とはそのページの

１番最初の画像という意味ですから・・・。
ちゃんとやるなら名前をつけておくといいと思います。
imageはオブジェクトなのでnameでつけた名前をつかって
アクセスできますので。
はしょって書くとこんな感じでしょうか。

<SCRIPT LANGUAGE="JavaScript">
movimg=new Array()
movimg[0] = new Image();movimg[0].src='1.jpg';
movimg[1] = new Image();movimg[1].src='2.JPG';
movimg[2] = new Image();movimg[2].src='3.JPG';
movimg[3] = new Image();movimg[3].src='4.JPG';
function changImg1(imgNoA,imgNoB){
document.images["img1"].src=movimg[imgNoB].src;
}
</SCRIPT>
<IMG SRC="1.jpg" name="img1"><br>
<IMG SRC="1.jpg" WIDTH="24" onMouseOver="changImg1(0,0)">
<IMG SRC="2.jpg" WIDTH="24" onMouseOver="changImg1(0,1)">
<IMG SRC="3.jpg" WIDTH="24" onMouseOver="changImg1(0,2)">
<IMG SRC="4.jpg" WIDTH="24" onMouseOver="changImg1(0,3)">