1

ロールオーバー時にメイン画像に表示したい一連のサムネイルがあります。ホバーを使用して機能を機能させましたが、フェードインはうまく機能しますが、ロールアウトするとすぐにフェードアウトしますが、メイン画像は src を完全に失い、消えます。

$(document).ready(function(){   
    var originalimg = $('#imageMain img').attr('src');
    $(".thumb").hover(function(){
        var currentimg = $(this).attr('src');
        $('#imageMain img').fadeIn("slow").attr('src', currentimg);
        },function(){
        $('#imageMain img').fadeOut('slow').attr('src', originalimg);
    });
});

みんなありがとう。何が起こっているのかを簡単に引用していると想定しているため、HTML は含めていません。

4

2 に答える 2

0

では.attr('src', originalimg);なく.src = originalimg;

$(document).ready(function(){  
    var originalimg = $('#imageMain img').attr('src');
    $(".thumb").hover(function(){
        var currentimg = $(this).attr('src');
        $('#imageMain img').fadeIn("slow").src = currentimg;
        },function(){
        $('#imageMain img').fadeOut('slow').src = originalimg;
    });
});
于 2012-05-08T15:33:45.100 に答える
0

おそらく、画像を完全に削除して、新しい画像を所定の位置に追加するだけです。同時にフェードインして、より良い効果を得ることができます。私はこれを頭のてっぺんから書いたので、うまくいけばうまくいきます！

   $(document).ready(function(){  
                var originalimg = $('#imageMain img').attr('src');
                $(".thumb").hover(function(){
                    var currentimg = $(this).attr('src');
                    $('#imageMain img').fadeIn("slow").attr('src', currentimg);
                    },function(){
                    $('#imageMain img').fadeOut('slow',function(){$(this).remove()});
                    $("#imageMain").append("<img src='"+originalimg+"'/>").hide().fadeIn("slow");
                });
            });
于 2012-05-08T15:36:09.810 に答える