0

カーソルを合わせたときに画像の src を変更しようとしています。これは私の試みでしたが、うまくいきません:

HTML:

<img src="images/work.png" id="work"/>

jQuery:

$(document).ready(function() {
    $("#work").mouseover(function() {
        $(this).attr("src", "images/workH.png");
    });
    $("#work").mouseout(function() {
        $(this).attr("src", "images/work.png");
    });
});

編集 1: @Erik: このコードをもう一度試しましたが、代わりに 200x200px の img を使用しました。コードは正常に機能しました。私のロゴ画像が小さすぎるのでしょうか？

Edit2: 問題がわかりました! 面倒くさくてすみません。しかし、これを手伝ってくれてありがとう。

作品画像の上にロゴ画像を書いてもらいました。浮いている状態で、下に作品のイメージを乗せることができました。ロゴ画像のほとんどが透明で、作品画像が見えるようになっています。しかし、画像の上にマウスを置いても、ロゴが邪魔だったので変更されませんでした。

フェイスパームモーメント

4

1 に答える 1

2

何もありません。このままでうまくいくはずです。2 つのイメージは異なりますか? jQuery ライブラリは含まれていますか?

コードを次のように単純化できます。

$(document).ready(function() {
    $("#work").hover(function() {
        $(this).attr("src", "images/workH.png");
    }, function() {
        $(this).attr("src", "images/work.png");
    });
});
于 2012-05-23T22:54:40.723 に答える