Splash

Henning Johnsen

HTML

<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<script src="http://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<div style="background: transparent; border: none" id='splash'>
    <div style="background: transparent">
        <img src="https://i.imgur.com/QcmG2rY.jpg">
    </div>
    <div style="background: transparent">
    </div>
</div>

CSS

html{
    background: #aaa url(http://static2.grsites.com/archive/textures/brick/brick074.jpg);
}

JavaScript

$("#splash").jqxWindow({
    width: '460px',
    height: '460px',
    resizable: false,
    showCloseButton: true,
    showAnimationDuration: 1000,
    closeAnimationDuration: 1000,
    isModal: false,
    autoOpen: false
});
setTimeout(function(){ $('#splash').jqxWindow('open'); }, 500);
setTimeout(function(){ $('#splash').jqxWindow('close'); }, 3000);