• ベストアンサー

HPを作成しています。オンマウスオーバーで…

初心者ですみません。 イラスト集のホームページを作成中です。 サムネイル画像にオンマウスオーバーで大きな画像を表示させるところまでは検索等してできたのですが、同時に「題名」(テキスト)を画像の下などに表示させたいのですが、2つの指示を同時に行う事は不可能でしょうか?そもそもが分かっていないのでヒントでも頂けると助かります。 ちなみに画像は ヘッダーに↓ if(navigator.appVersion.charAt(0)>=3) { movimg=new Array() movimg[0] = new Image();movimg[0].src='********.gif'; movimg[1] = new Image();movimg[1].src='******.gif'; movimg[2] = new Image();movimg[2].src='******.gif'; function changImg1(imgNoA,imgNoB) { if(navigator.appVersion.charAt(0)>=3){ document.images[imgNoA].src=movimg[imgNoB].src; }; }; ボディーに↓ <a href="javascript:function voi(){};voi()" onMouseOver="changImg1(1,1)"><img src="*****" width="50" border="0"></a> というふうにやっています。

質問者が選んだベストアンサー

  • ベストアンサー
  • leap_day
  • ベストアンサー率60% (338/561)
回答No.2

こんにちは こんな感じ? <script type="text/javascript"><!-- if(navigator.appVersion.charAt(0)>=3) { movimg=new Array() movimg[0] = new Image();movimg[0].src='sample0.gif'; movimg[1] = new Image();movimg[1].src='sample1.gif'; movimg[2] = new Image();movimg[2].src='sample2.gif'; Title=new Array() Title[0] = "題名1"; Title[1] = "題名2"; Title[2] = "題名3"; } function changImg1(imgNoA,imgNoB) { if(navigator.appVersion.charAt(0)>=3){ document.images[imgNoA].src=movimg[imgNoB].src; document.getElementById("title").innerHTML = Title[imgNoB]; } } //--></script> <div> <a href="javascript:function voi(){};voi()" onMouseOver="changImg1(3,0)"><img src="sample0_little.gif" width="50" border="0" alt="sample0_little"></a> <a href="javascript:function voi(){};voi()" onMouseOver="changImg1(3,1)"><img src="sample1_little.gif" width="50" border="0" alt="sample1_little"></a> <a href="javascript:function voi(){};voi()" onMouseOver="changImg1(3,2)"><img src="sample2_little.gif" width="50" border="0" alt="sample2_little"></a> </div> <div> <img src="" alt="larg_image"> <div id="title"></div> </div> large_imageの初期画像は何か適当に(^^)

g707g
質問者

お礼

ご丁寧にタグまで記述くださり大変助かりました!おおいに参考になり、希望通りに表示させる事が出来ました。

その他の回答 (1)

noname#54215
noname#54215
回答No.1

<img>のalt属性はご存じありませんか? 『img alt』で検索してください。 そうではなくページ内にテキストを表示したいのであればinnerHTMLですかね。 ちなみに、タイトルを半端なところで切ってぼかすと、本文を見るまで質問内容が分からないということで面倒だから無視されることが多くなります。今後注意された方がいいですよ。

g707g
質問者

お礼

ご回答ありがとうございます。今後はきちんとタイトルを分かるように入力するようにします。innerHTMLでできるようになりました!

関連するQ&A

専門家に質問してみよう