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

質問

初心者ですみません。
イラスト集のホームページを作成中です。

サムネイル画像にオンマウスオーバーで大きな画像を表示させるところまでは検索等してできたのですが、同時に「題名」（テキスト）を画像の下などに表示させたいのですが、２つの指示を同時に行う事は不可能でしょうか？そもそもが分かっていないのでヒントでも頂けると助かります。

ちなみに画像は
ヘッダーに↓
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>

というふうにやっています。

回答No.2

leap_day · ベストアンサー

こんにちは

こんな感じ？

<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] = "題名１";
Title[1] = "題名２";
Title[2] = "題名３";
}

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の初期画像は何か適当に（＾＾）

お礼

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

回答No.1

noname#54215

<img>のalt属性はご存じありませんか？
『img alt』で検索してください。
そうではなくページ内にテキストを表示したいのであればinnerHTMLですかね。

ちなみに、タイトルを半端なところで切ってぼかすと、本文を見るまで質問内容が分からないということで面倒だから無視されることが多くなります。今後注意された方がいいですよ。

お礼

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