使用淡入淡出，在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

回答

相关问题