2

クリックすると画像のsrcを変更するJQueryスクリプトがあります。

var imgsrc;
$('#thumbs img').click(function(){
imgsrc = $(this).attr('src');
$('#mainphoto img').attr('src', imgsrc);

これに.fadeIn（）を追加する方法があるかどうか疑問に思っていますか？

私が試してみました：

$('#mainphoto img').fadeIn().attr('src', imgsrc);

しかし、これは機能しません。

誰かがこれに対応するためにsymantecsを調整する方法を提案できますか？

4

4 に答える 4

3

試す

$('#thumbs img').click(function(){
    var imgsrc = $(this).attr('src');
    $('#mainphoto img').fadeOut(function(){
       $(this).attr('src', imgsrc).fadeIn();
    });
});
于 2012-11-06T07:24:24.973 に答える
3

これを試して

$('#thumbs img').click(function() {
    var imgsrc = $(this).attr('src');

    $('#mainphoto img').fadeOut().attr('src', imgsrc).load(function() {
        $(this).fadeIn();
    });
});
于 2012-11-06T07:25:53.537 に答える
3

jsFiddleで例を示しました。

基本的に、私がしていることは、画像上のクリック イベントをリッスンすることです。クリックが実行されると、現在の画像の表示を none に変更し、画像の src を新しいものに変更してから、fadeIn (表示を復元する) を実行します。

Javascript コードは次のとおりです。

$('#image').click(function(){
        $(this).css("display", "none");
        $('#image').attr('src', 'http://www.stat4you.com/theme/0.1.11/images/stat4you.png');
        $("#image").fadeIn("slow");
    })​

フェードインのjQueryドキュメントページ（こちら）には、他にも同様の例がいくつかあります。

于 2012-11-06T07:39:33.190 に答える
1 
$('#thumbs img').click(function () {
 var imgsrc = $(this).attr('src');
            $('#mainphoto img').fadeOut(function () {
                $(this).attr('src', imgsrc);
                $(this).fadeIn();
            });
        })
于 2012-11-06T07:27:49.087 に答える