変更のIMG SRC私はサイトのサイド・イメージを調整しようとしていますjqueryの

、各ボタンが異なるSRCに画像を変更する必要があり、他のボタンの上にマウスを移動するとき、私はこれを試してみました：変更のIMG SRC私はサイトのサイド・イメージを調整しようとしていますjqueryの

$(document).ready(function(){ 

    $("#introID").hover(function(){ 
     $("#frame").attr("src", "newImage.png"); 
    }); 
});

およびその他のいくつかのいくつかの理由でjqueryがキャッチしていないのですか？あるいは、それは私の構文のものでしょうか？私inderstandingから私はちょうどここで

に持っている私のhtmlです：事前に

<html> 
<head> 
<meta charset="utf-8"> 
<title>CAPP</title> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"> 
    $(document).ready(function(){ 

    $("#introID").hover(function(){ 
     $("#frame").attr("src", "assets/images/much-more-than-gasoline.png"); 
    }); 
}); 


</script> 
<body> 

<div id="logodiv"> 
<img id="logo" src="logo.png" alt="logo"/> 
</div> 

<div id="h1s"> 
<img src = "Origionalimage.png" id="frame"/> 

    <div class="h1padding"></div> 
    <a class = "h1" href="" id="introID">Intro</a> 

    <div class="h1padding"></div> 
    <a class = "h1" href="">ON THE <span class="light">SURFACE</span></a> 

    <div class="h1padding"></div> 
    <a class = "h1" href="">From <span class="light">ore to oil</span></a> 

    <div class="h1padding"></div> 
    <a class = "h1" href="">Environmental <span class="light">care</span></a> 

    <div class="h1padding"></div> 
    <a class = "h1" href="">Much more than <span class="light">gasoline</span></a> 

    <div class="h1padding"></div> 
    <a class = "h1" href="">One more <span class="light">thing</span></a> 

</div> 




</body>

感謝:)

出典

2017-10-05 Rolthar

src属性が設定されている場合は、scriptタグ内に独自のスクリプトを埋め込まないでなければなりません。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
<script> 
    $(document).ready(function(){ 
     $("#introID").hover(function(){ 
      $("#frame").attr("src", "assets/images/much-more-than-gasoline.png"); 
     }); 
    }); 
</script>

これはすべきことです。 Here詳細については、こちらをご覧ください。

出典

2017-10-05 14:23:47

ありがとうございました！ – Rolthar

変更のIMG SRC私はサイトのサイド・イメージを調整しようとしていますjqueryの

答えて

関連する問題