JavaScriptを使った画像置換

作ったサイトです。
20111108194813

<!DOCTYPE HTML>
<html　lang="ja">
<head>
<meta charset="utf-8">
<title>画像置換</title>
<style type="text/css">
<!--
* {
	margin:0;
	padding:0;
}

#wrapper {
	text-align:center;
	margin: 0;
}

-->
</style>
</head>
<body>
<div id="wrapper">
<p><img src="food01.jpg" width="400" height="400" name="bigImg"></p>
<p>
<img src="food01s.jpg" width="100" height="100" alt="" onMouseOver="document.bigImg.src='food01.jpg'"><img src="food02s.jpg" width="100" height="100" alt="" onMouseOver="document.bigImg.src='food02.jpg'"><img src="food03s.jpg" width="100" height="100" alt="" onMouseOver="document.bigImg.src='food03.jpg'"><img src="food04s.jpg" width="100" height="100" alt="" onMouseOver="document.bigImg.src='food04.jpg'">
</p>
</div>

</body>
</html>