使用淡入淡出，在jQuery與img

-1

即時通訊新的jQuery，以及即時嘗試完成的是我想要一個圖像淡入淡出，並在它完成淡出後，我想改變圖像的圖像，而淡入淡出在新的src中。並不完全按照我想要的方式工作。這是我到目前爲止。任何幫助都會非常有幫助。使用淡入淡出，在jQuery與img

<img src="images/airport1.jpg" Height="200" Width="500" id="main_pic"/> 
<input id="Button1" type="button" value="button" /> 

<script> 
$(document).ready(function() { 
    $("#Button1").click(function() { 
     changePicture(); 
    }); 
}); 
function changePicture() { 
    $("#main_pic").fadeOut(5000).delay(3500).attr('src', "images/airport2.jpg").fadeIn(5000); 
} 
</script>

來源

2012-05-07 Will

你說其沒有工作，你所希望的方式。發生了什麼事情，這和你期望的有什麼不同？ – 2012-05-07 15:53:30

問一個具體的問題，沒有人會爲你做你的工作。 – asawyer

更改源代碼的缺點是，如果您尚未預先加載映像，它將需要執行HTTP請求來加載映像。我想我知道你要把這篇文章發到哪裏，但是如果你不能完美地工作，請不要感到沮喪。 – kevin628

而不是使用.delay的，我建議加載新的形象和做fadeIn回調裏面。

function changePicture() { 
    $("#main_pic").fadeOut(5000, function(){ 
     $(this).attr('src', "images/airport2.jpg").fadeIn(5000); 
    }); 
}

DEMO：http://jsfiddle.net/v5fqB/

來源

2012-05-07 15:57:58

使用淡入淡出，在jQuery與img

回答

相關問題