關於通過jQuery進行圖像替換淡入淡出等的想法

對此方法有何想法？任何反饋非常感謝。 tryFindUserName是一個AJAX調用，返回一個簡單的true或false。我擔心的是它不夠整齊，而且延伸得不好。另外，我應該檢查狀態變化，因爲下面的代碼總是隱藏並顯示img。關於通過jQuery進行圖像替換淡入淡出等的想法

還有關於圖像路徑硬編碼的任何想法？

// Change handlers for registration form 
// 
$('#login_register_username').keyup(function() { 
    var length = $('#login_register_username').val().length; 
    if (length < 4) { 
     return; 
    } 

    var source = null; 
    var result = tryFindUserName($('#login_register_username').val()); 
    if (result == false) { 
     source = "tick.png"; 
    } 
    else { 
     source = "cross.png"; 
    } 

    $("#login_register_username_confirmation_img").hide().attr('src', '../../Images/Ajax/' + source); 
    $("#login_register_username_confirmation_img").fadeIn(1000); 

    updateRegisterButtonState(); 
});

來源

2013-02-26 Alan Simes

使用CSS進行樣式設計，而不是使用CSS。

使用javascript，您可以淡入淡出元素，或切換某些用戶操作的類等等。但是漸變也可以通過CSS轉換完成。（Example）。

在你的情況下，我會創建一個具有兩種狀態的圖像，並設置動畫background-position

來源

2013-02-26 15:48:43

關於通過jQuery進行圖像替換淡入淡出等的想法

回答

相關問題