0

私はこれに問題を抱えています。これはかなり単純なはずだと思いますが、機能させることができないようです。Facebook ボタンをロールオーバーしたときに新しい画像が表示されるようにします。ご協力いただきありがとうございます！

    <p align="right">
          <a href="http://www.facebook.com/AerialistPress" ><img height="30px" id="facebook" class="changePad" alt="Aerialist Press Facebook Page" src="/sites/aerialist.localhost/files/images/facebook300.jpg" /></a> 
           <a href="http://twitter.com/#!/AerialistPress" > <img height="30px" class="changePad" alt="Aerialist Press Twitter Page" src="/sites/aerialist.localhost/files/images/twitter300.jpg" /></a>
           <a href="http://www.pinterest.com/aerialistpress" ><img height="30px" class="changePad" alt="Aerialist Press Pinterest Page" src="/sites/aerialist.localhost/files/images/pinterest300.jpg" /></a>
</p>

<script>
jQuery(document).ready(function(){
     jQuery('#facebook').mouseover(function() { jQuery('#facebook').attr('src').replace('/sites/aerialist.localhost/files/images/facebook-roll.jpg'); })

});
</script>
4

5 に答える 5

1

このattrメソッドは、指定されたプロパティ (この場合は「src」) の値を返し、replace文字列を変更して新しいインスタンスを返そうとしています。ただし、新しいインスタンスでは何もしていません。

attr属性を設定するには、追加のパラメーターをメソッドに渡す必要があります。

attrメソッド のドキュメントは次のとおりです。 http://api.jquery.com/attr/

コードは次のようになります。

jQuery('#facebook').attr('src', '/sites/aerialist.localhost/files/images/facebook-roll.jpg');
于 2012-10-24T22:44:12.570 に答える
0

変化する

jQuery('#facebook').attr('src').replace('/sites/aerialist.localhost/files/images/facebook-roll.jpg');

に

jQuery('#facebook').attr('src', '/sites/aerialist.localhost/files/images/facebook-roll.jpg');

$('#facebook')代わりに使用することもできます$('#facebook')

于 2012-10-24T22:43:23.083 に答える
0

を使用しないでください。 attr を直接replace設定してください:src

jQuery('#facebook').attr('src', '/sites/aerialist.localhost/files/images/facebook-roll.jpg');
于 2012-10-24T22:40:38.200 に答える
0

これは機能します

<script type ="text/javascript">

 $(document).ready(function(){
 $('#facebook').mouseenter(function() { 
     $('#facebook').attr("src","heretheotherimage.png"); 
 })

 $('#facebook').mouseleave(function() { 
     $('#facebook').attr("src","heretheimage.png"); 
 })

 });
 </script>

 <img src ="heretheimage.png" id ="facebook" />
于 2012-10-24T23:11:25.523 に答える
0

どうぞ！

$("#img").hover(function(){
//mouseover
     $(this).attr('src', 'https://twimg0-a.akamaihd.net/profile_images/1768071248/smile_normal.jpg'); 
    },
    function(){
//mouseout
    $(this).attr('src', 'http://www.bestfreeicons.com/smimages/Emotes-face-smile-icon.png');
});​
于 2012-10-24T22:57:03.320 に答える