Question

我是jQuery的新手，我想要完成的是我希望图像淡入和淡出，并且在完成淡出之后，我想在新src中淡化图像时更改图像。并不像我想要的那样完全正常工作。这是我到目前为止所拥有的。任何帮助都会非常有用。

<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>

Answer 1

我建议加载新图片并在回调中执行.delay，而不是使用fadeIn。

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

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

使用fadeout，使用img在JQuery中使用fadein

1 个答案: