クリックして、サムネイルからメインへ画像を切り替わる指示を出しましたが変わりません。
改善策を教えてください。
html
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="utf-8"> 5 6 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 7 <title>イス画像練習</title> 8 <style> 9 @charset "utf-8"; 10*{ 11 margin:0; 12 padding:0; 13} 14body{ 15 width:750px; 16 height: auto; 17 margin: 30px auto; 18} 19#gallery{ 20 float: left; 21 margin-right: -150px; 22} 23.small-photo{ 24 width: 20%; 25 height: 20%; 26 padding: 10px; 27} 28 </style> 29</head> 30<body> 31 <h1>オフィス家具屋</h1> 32 <p>価格に自信!役員用椅子(W670×D620×H965-1060)</p> 33 <hr> 34 <h2>役員用椅子(W670×D620×H965-1060)</h2> 35 <div id="gallery"> 36 <div class="main"><img src="photo1/image1.jpg" alt="正面"> 37 <p>正面</p> 38 </div> 39 <div class="thumb"><img src="photo1/image1.jpg" alt="正面" class="small-photo"> 40 <img src="photo1/image2.jpg" alt="サイド" class="small-photo"> 41 </div> 42 </div> 43<h3>商品案内</h3> 44 <p>重役タイプのチェアならでは重厚感を保ちながら、驚きのコストパフォーマンスを実現したマネージメントチェア。 </p> 45 <script> 46 $(function(){ 47 $('.thumbnails img').click(function(){ 48 var $thisImg = $(this).attr('src'); 49 var $thisAlt = $(this).attr('alt'); 50 $('.mainImage img').attr({src:$thisImg,alt:$thisAlt}); 51 }); 52}); 53 54 55 </script> 56 </div> 57</body> 58</html>![![イメージ説明](2a50867b7c37ec77289537a1ef72dd45.jpeg)](aa62be690e4e55eaabe2b5678638767a.jpeg)
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/06/19 03:06 編集
2019/06/19 03:07
2019/06/19 10:18
2019/06/20 03:08