From 0bb44e7d6dd79633e205acc280107e633f174980 Mon Sep 17 00:00:00 2001 From: Jordan Eldredge Date: Sun, 23 Nov 2014 13:00:11 +0100 Subject: [PATCH] Add loading state --- images/loading.gif | Bin 0 -> 24111 bytes index.html | 2 +- skin.js | 3 +++ winamp.css | 7 +++++++ 4 files changed, 11 insertions(+), 1 deletion(-) create mode 100644 images/loading.gif diff --git a/images/loading.gif b/images/loading.gif new file mode 100644 index 0000000000000000000000000000000000000000..b5dbe3ad83656004751770c22eaa186cbb49aab9 GIT binary patch literal 24111 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 literal 0 HcmV?d00001 diff --git a/index.html b/index.html index d5b73260..3e39b3e4 100755 --- a/index.html +++ b/index.html @@ -7,7 +7,7 @@ -
+
diff --git a/skin.js b/skin.js index cf7e8e48..8951e0a7 100644 --- a/skin.js +++ b/skin.js @@ -68,6 +68,9 @@ SkinManager = { } } + + // Clear the loading state + document.getElementById('winamp').classList.remove('loading'); this.style.appendChild(document.createTextNode(cssRules)); this._parseVisColors(zip); diff --git a/winamp.css b/winamp.css index 921ed9c8..895fa103 100755 --- a/winamp.css +++ b/winamp.css @@ -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 {