フルスクリーンイメージを表示する、wait2秒、閉じるイメージ、div - javascript/jqueryを開く

Question

フルスクリーンイメージを2秒間開いてからイメージを閉じようとしています。画像が閉じられると、別の要素が表示されます。

$("#explosion-image").attr('src', %image_url%); 
$("#explosion-image").css({ 
    height:'100%', width:'100%', position:'fixed', top:0, left:0 
}); 
$("#explosion-image").show(); 
$("#explosion-image").delay(2000); 
$("#explosion-image").hide(); 
$("#explosion-image").attr('src', ''); 
$("#div-to-open").show(); 

このコード画像のみを開き、事前に助けを

おかげ

Answer 1

はこのバイオリンを試してみる：

を210の

http://jsfiddle.net/maniator/JhcGb/

$("#explosion-image").css({ 
    height: '100%', 
    width: '100%', 
    position: 'fixed', 
    top: 0, 
    left: 0, 
    display: 'none' 
}).show() 
setTimeout(function() { 
    $("#div-to-open").show(); 
    $("#explosion-image").hide(); 
}, 2000) 

Answer 2

delay()はだけは本当にアニメーションで動作:(何もしないより。あなたはそれが動作する場合であっても。代わりにsetTimeoutを使用する必要があり、あなたは、チェーンへの呼び出しを必要とする：

$("#explosion-image").show().delay(2000).hide();