- ベストアンサー
サムネイルをマウスオーバーで、所定の場所に大きな画像を表示したい
↓ここのページを参考にアルバムのページを作ってます。 http://www14.plala.or.jp/sugachuu/JavaScript/k06.html で、一番上にタイトルいれたかったのでタイトル画像を置いたらおかしくなり サムネイルにマウスを持ってくとタイトル画像のスペースに 拡大画像が表示されるようになってしまいました。。 タイトルは上記ページのソースの<body>タグのはじめに貼り付けました。 正しく表示させるためにはどのようにしたら良いでしょうか？ また、これとは違った方法がありましたらぜひ教えてください><
- nami__nami
- お礼率76% (117/152)
- JavaScript
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
そりゃぁまぁ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)">
お礼
具体的に書いてくださって有難うございました。 勉強になりました！