Question

I ‘m trying to open fullscreen image for 2 seconds and then close the image. After the image is closed, another element is shown.

$("#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();

This code only opens the image and than does nothing 🙁

Thanks for help in advance

Answer 1

try this fiddle out:

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)