-1

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

1 に答える 1

0

を使用する代わりに.delay、新しい画像を読み込んでfadeInコールバック内で実行することをお勧めします。

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

デモ：http：//jsfiddle.net/v5fqB/

于 2012-05-07T15:57:58.073 に答える