掲示板/総合質問板/過去ログ/一覧/ オンマウスでの画像表示

0 名前： ペンネ ： 2006/08/17（木） 00:05 ［URL］ ID:vo7Hqt1V: 【何をしたいのか】
→ URL先にある図のようにリンクをオンマウスすると、左側の表に画像を表示させたいです。

【現在の状況】
→ 表越しで無い場合はわかるのですが、表をまたぐと、どう追加もしくは変更すればいいのかわかりません。

【何をしてみたのか】
→ 他サイトでHTMLとして取り扱っているサイトをみたのですが、
　前述どおり、表越しでない場合しか掲載していませんでした。

【備考】
図：http://chu.s3.x-beat.com/cgi-bin/kick/img_box/img20060816230526.png
参考サイト：HTML小技集

1 名前： sevi- ： 2006/08/17（木） 00:05 ID:A5/hQl8Z

オンマウスという言葉の意味が良く判らないので勝手にマウスクリックと解釈するが、
その場合は例えばこうなる.

sevi-

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Untitled Page</title>
		<script type="text/javascript">
function showImage(surl_image)
{
	document.images["img"].src = surl_image;
}
		</script>
</head>
<body>
<table>
	<tr>
		<td>
			<img id="img" src="default.png" width="320" height="240" />
		</td>
		<td>
			<a href="#" onclick="showImage('Image1.png');">Image1</a><br />
			<a href="#" onclick="showImage('Image2.png');">Image2</a><br />
			<a href="#" onclick="showImage('Image3.png');">Image3</a><br />
			<a href="#" onclick="showImage('Image4.png');">Image4</a><br />
			<a href="#" onclick="showImage('Image5.png');">Image5</a><br />
			<a href="#" onclick="showImage('Image6.png');">Image6</a><br />
		</td>
	</tr>
</table>
</body>
</html>

2 名前： ペンネ ： 2006/08/17（木） 00:05 ［URL］ ID:vo7Hqt1V: 早速の回答ありがとうございます。
オンマウスはOnMouseOverのことです。

この場合、
<a href="#" onclick="showImage('Image6.png');">Image6</a><br />
の「onclick」を「onmouseover」にすればよいのでしょうか。

3 名前： ペンネ ： 2006/08/17（木） 00:05 ［URL］ ID:vo7Hqt1V: すいません。無事に解決しました。ありがとうございました！