JQuery 및 변경 img src

-1

안녕하세요. 자습서를 따르고 있으며 한 가지 기능이 작동하지 않는 것 같고 어디에서 잘못 될지 이해하지 못합니다.JQuery 및 변경 img src

미리보기 이미지 위에 마우스를 가져 가면 기본 이미지가 방금 봤던 이미지로 변경됩니다. 제 코드의 JQuery 섹션에서 뭔가를 놓친 것 같습니다.

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<link rel="stylesheet" href="core.css"> 
<meta name="robots" content="noindex, nofollow"> 
<title>Build A Greyscale Image Gallery</title> 

<script src="js/jquery-1.11.0.js"></script> 

<script> 

    $.(document).ready(function(){ 
     $.('.thumb').hover(function(){ 
      $('.main_image img').attr('src',$(this).children('img').attr('src')); 
      }); 
    }) 

</script> 

</head> 
<body> 

<h2>Build A Greyscale Image Gallery</h2> 

<div class="gallery"> 
    <div class="main_image"> 
     <img src="images/aston.jpg" /> 
    </div> 

    <div class="selection_image"> 
      <div class="thumb"> 
      <div class="overlay"></div> 
      <img src="images/aston.jpg" /> 
     </div> 
     <div class="thumb"> 
      <div class="overlay"></div> 
      <img src="images/aston2.jpg" /> 
     </div> 
     <div class="thumb"> 
      <div class="overlay"></div> 
      <img src="images/aston3.jpg" /> 
     </div> 
     <div class="thumb"> 
      <div class="overlay"></div> 
      <img src="images/aston4.jpg" /> 
     </div> 
     <div class="thumb"> 
      <div class="overlay"></div> 
      <img src="images/aston5.jpg" /> 
     </div> 
     <div class="thumb"> 
      <div class="overlay"></div> 
      <img src="images/aston6.jpg" /> 
     </div> 
     <div class="thumb"> 
      <div class="overlay"></div> 
      <img src="images/aston7.jpg" /> 
     </div> 
     <div class="thumb"> 
      <div class="overlay"></div> 
      <img src="images/aston8.jpg" /> 
     </div> 
     <div class="thumb"> 
      <div class="overlay"></div> 
      <img src="images/aston9.jpg" /> 
     </div> 
    </div> 
</div> 

</body> 
</html>

출처

2014-11-15 jimbo123

$ 이후에 .을 삭제하시기 바랍니다. 아래와 같은 것을 시도해보십시오!

$(document).ready(function(){ 
    $('.thumb').hover(function(){ 
     $('.main_image img').attr('src',$(this).children('img').attr('src')); 
    }); 
});

추가하지 않을 경우 jQuery을 추가하는 것이 좋습니다.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>

출처

2014-11-15 14:50:42 MH2K9

JQuery 및 변경 img src

답변

관련 문제