0

コードは次のようなものです：

$(' html body div.wrapper div.middle div.post_home:first-child a ').hover(
function() {
        $(' html body div.wrapper div.middle div.post_home:first-child a > img ').attr("src", "http:/site/test1.png");
},
 function() {
        $('html body div.wrapper div.middle div.post_home:first-child a > img ').attr("src", "currentSrc");
});

変更する前に画像のsrc値を保持する必要があるので、mouseleaveで画像を取得して表示できます。

4

4 に答える 4

1

srcイベントを変更する前に、イベントの開始時に属性をバックアップしてください。そして、あなたが戻って行きたいときにそれを使用してください。

var currentSrc;
$('.post_home:first-child a ').hover(function() {

    currentSrc = $('.post_home:first-child a > img').attr("src");
    $('.post_home:first-child a > img ').attr("src", "http:/site/test1.png");

}, function() {

        $('.post_home:first-child a > img').attr("src", currentSrc);

});

注：あなたが持っているものは必要以上のものであるため、私はあなたのセレクターを編集しました。

于 2013-03-03T23:24:31.037 に答える
1

属性を使用dataしてsrcを保存し、後で取得できます。

var thisImg;
$('.post_home:first-child a').hover(function () {
    thisImg = $('img', this)[0];
    $(this).data('img-src', thisImg.src);
    thisImg.src = "http:/site/test1.png";
}, function () {
    thisImg.src = $(this).data('img-src');
});

デモ

于 2013-03-03T23:29:05.803 に答える
0

HTML5データ属性を使用してみてください。そうすれば、元のURLを「src」プロップとdata-src="my other image"変更する画像に保存できます。

<img src="my original image" data-src="my other src" />
于 2013-03-03T23:25:10.150 に答える
0

元のsrcを変数にキャッシュして、後で使用することができます。このようなもの：

var originalSrc = $(' html body div.wrapper div.middle div.post_home:first-child a > img ').attr('src');
$(' html body div.wrapper div.middle div.post_home:first-child a ').hover(
function() {
        $(' html body div.wrapper div.middle div.post_home:first-child a > img ').attr("src", "http:/site/test1.png");
},
 function() {
        $('html body div.wrapper div.middle div.post_home:first-child a > img ').attr("src", originalSrc);
});
于 2013-03-03T23:24:07.807 に答える