<!doctype html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,user-scalable=yes,maximum-scale=2">
<link rel="stylesheet" href="css/page.css" type="text/css">
<title>写真切替表示</title>
<meta name="description">
<script language="JavaScript"><!--
function myChgPic1(myPicURL){
document.images["myBigImage1"].src = myPicURL;
}
// --></script>
</head>
<body>
<div class="main">
<div class="head1 pure-g">
<div class="head02 pure-u-1 pure-u-md-3-4">
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</div>
<div class="mainbox mainbox-sm">
<div class="mainpic mainpic-sm">
<img src="img/01.jpg" name="myBigImage1">
</div>
<div class="maintitle maintitle-sm">
<p>タイトル</p>
</div>
<div class="maint maint-sm">
<p>詳細説明 <br></p>
</div>
<div class="mainminipic mainminipic-sm">
<a href="javascript:void(0)" onmouseover="myChgPic1('img/01.jpg')"><img
src="img/01.jpg" alt=""></a>
<a href="javascript:void(0)" onmouseover="myChgPic1('img/02.jpg')"><img src="img/02.jpg" alt=""></a>
<a href="javascript:void(0)" onmouseover="myChgPic1('img/03.jpg')"><img src="img/03.jpg" alt=""></a>
<a href="javascript:void(0)" onmouseover="myChgPic1('img/04.jpg')"><img src="img/04.jpg" alt=""></a>
<a href="javascript:void(0)" onmouseover="myChgPic1('img/05.jpg')"><img src="img/05.jpg" alt=""></a>
</div>
</div>
</div>
</body>
</html> |
