javascript - 需要使 div 内的图像翻转（使用 jquery）

Question

好吧，所以我有一些独特的问题；首先，我的 jquery 不工作；我很可能没有把它放在 html 中，所以我要扔掉很多代码来看看；

基本上，当 div 类翻转时，我需要翻转类图像更改为悬停状态（我有一些 css 将 div 类显示更改为阻止）好吧，这里是 html

<div id="header">
<div class="home" id="home" ><a href="index.html"><p><img src="images/home-crown.png" class="rollover" width="100px" /></p></a></div>

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" ></script>
<script type="text/javascript" src="js/load-it-up.js"></script>

/所以是的......试图在这里交换那个图像的东西是jquery

$(document).ready(function(){

 $("img.rollover").hover(
      function() 
        {this.src = this.src.replace("images/home-crown.png","images/home-crown-hover.png");},
      function() 
        {this.src = this.src.replace("images/home-crown-hover.png","images/home-crown.png");}
 ); 
});

真的很沮丧，因为我尝试了多种解决方案；任何帮助将不胜感激；这可能是愚蠢的：P

现在我只是想让图像翻转（至少）我真的希望翻转在 div 翻转时激活（#home div）

Answer 1

试试这个。

$("img.rollover").hover(
   function(){
      $(this).attr("src","images/home-crown-hover.png");
   },
   function(){
      $(this).attr("src","images/home-crown.png");
   }
);