※ ChatGPTを利用し、要約された質問です(原文:フォトギャラリー! 何が足りませんか)
フォトギャラリー!JavaScriptが分かりません
このQ&Aのポイント
フォトギャラリー作成時にJavaScriptのコードを記述したが、サムネイルにマウスを乗せても大きな画像が表示されない。何が足りないのか、問題点を教えてください。
HTMLとCSSを使用してフォトギャラリーを作成しましたが、JavaScriptのコードを追加したにもかかわらず、サムネイル上でマウスを乗せても拡大画像が表示されません。どこが間違っているのか、アドバイスをお願いします。
フォトギャラリーの作成においてJavaScriptを使用しましたが、サムネイル上でマウスを乗せても大きな画像が表示されません。間違っている箇所や必要な追加要素についてアドバイスをいただきたいです。
JavaScriptが分かりません
(ページソース)を記述しましたがサムネイルにマウスを乗せても大きい画像が表示されません。
何が足りないのか、何が間違いかご教授願います。
HTML
-------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="content-script-type" content="text/javascript">
<title></title>
<meta name="description" content="">
<meta name="keywords" content="">
<link rel="stylesheet" href="css/gallery.css" type="text/css">
</head>
<body>
<div align="center">
<div id="gallery">
<div id="thumbs">
<img src="gallery/cate/g (1)-s.jpg" title="eyes0271 梅" alt="梅" onmouseover="document.BigPhoto.src='gallery/cate/g (1).jpg';">
<img src="gallery/cate/g (2)-s.jpg" title="eyes0272 桜" alt="桜" onmouseover="document.BigPhoto.src='gallery/cate/g (2).jpg';">
<img src="gallery/cate/g (3)-s.jpg" title="eyes0273 山" alt="山" onmouseover="document.BigPhoto.src='gallery/cate/g (3).jpg';">
<img src="gallery/cate/g (4)-s.jpg" title="eyes0274 川" alt="川" onmouseover="document.BigPhoto.src='gallery/cate/g (4).jpg';">
</div>
<p><img src="gallery/cate/gallery.jpg" alt="表紙(デフォルト画像)" class="waku" name="bak"></p>
</div>
</div>
</body>
</html>
-------------
CSS
-------------
#gallery {
width: 900px;
height:280px;
padding: 10px;
background-color: #888888;
}
img.waku {
display: block;
width: auto;
margin: 5px auto;
}
#thumbs {
float: left;
width: 270px;
margin: 0;
padding:0;
}
#thumbs img {
width: 80px;
height:60px;
float: left;
margin: 0 0 5px 5px;
}
よろしくお願いします。
お礼
BigPhoto 動きました! 言われてみれば "なるほど " 勝手に名前を変えた私が悪い!・・・ですね。 これでまた次に進めます ありがとうございました。