Add loading state

This commit is contained in:
Jordan Eldredge 2014-11-23 13:00:11 +01:00
parent d24e378221
commit 0bb44e7d6d
4 changed files with 11 additions and 1 deletions

BIN
images/loading.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

View file

@ -7,7 +7,7 @@
<style id='skin' media="screen" type="text/css"></style>
</head>
<body>
<div id='winamp' class='stop'>
<div id='winamp' class='loading stop'>
<div id='title-bar' class='selected'>
<div id='option'></div>
<div id='shade-time'>

View file

@ -68,6 +68,9 @@ SkinManager = {
}
}
// Clear the loading state
document.getElementById('winamp').classList.remove('loading');
this.style.appendChild(document.createTextNode(cssRules));
this._parseVisColors(zip);

View file

@ -32,6 +32,13 @@ a:focus { outline: none; }
cursor:url('cursors/MAINMENU.CUR'), auto;
}
#winamp.loading {
background-image: url('images/loading.gif');
background-position: center;
background-repeat: no-repeat;
border: 2px solid #dddddd;
}
#winamp.closed { display: none; }
#title-bar {