- ベストアンサー
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> というふうにやっています。
- みんなの回答 (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の初期画像は何か適当に(^^)
その他の回答 (1)
<img>のalt属性はご存じありませんか? 『img alt』で検索してください。 そうではなくページ内にテキストを表示したいのであればinnerHTMLですかね。 ちなみに、タイトルを半端なところで切ってぼかすと、本文を見るまで質問内容が分からないということで面倒だから無視されることが多くなります。今後注意された方がいいですよ。
お礼
ご回答ありがとうございます。今後はきちんとタイトルを分かるように入力するようにします。innerHTMLでできるようになりました!
お礼
ご丁寧にタグまで記述くださり大変助かりました!おおいに参考になり、希望通りに表示させる事が出来ました。