從右側jQuery幻燈片，更改圖像，然後滑回

Question

我正在處理一個腳本，我需要一個固定位置的圖像從右側滑動（它最初不可見，因爲我有隱藏的身體溢出），但仍然在右側，3秒後更改圖像，保持該圖像1秒鐘，然後返回到初始圖像，然後向右滑動，直到它不再可見。我需要每1分鐘做一次。我製作了這個腳本，但它並沒有從右側滑過，它剛好出現在那裏，當圖像切換時，有一個空白區域少於1秒。

setInterval(
function(){ 
     $('#rgir').css('right', -80); 
     setTimeout(function(){ 
     $('#rgir').html('<img src="images/blink.png" />'); 
     setTimeout(function(){ 
     $('#rgir').html('<img src="images/normal.png" />'); 
     $('#rgir').css('right', -200); 
    }, 1000); 
    }, 3000); 
setTimeout(function(){ 
    }, 20000); 
}, 2000); 

Answer 1

它看起來好像這個代碼只是將它出現在兩個不同的座標，您可能需要在jQuery UI的滑動功能，這一個。

jQuery slide left and show