diff --git a/src/_h5ai/images/loading.gif b/src/_h5ai/images/loading.gif
new file mode 100644
index 00000000..1b3280ef
Binary files /dev/null and b/src/_h5ai/images/loading.gif differ
diff --git a/src/_h5ai/js/inc/Core.js b/src/_h5ai/js/inc/Core.js
index 583a92f8..666f707d 100644
--- a/src/_h5ai/js/inc/Core.js
+++ b/src/_h5ai/js/inc/Core.js
@@ -48,9 +48,9 @@
 
 				return settings.h5aiAbsHref + "php/api.php";
 			},
-			image = function (id) {
+			image = function (id, noPngExt) {
 
-				return settings.h5aiAbsHref + "images/" + id + ".png";
+				return settings.h5aiAbsHref + "images/" + id + (noPngExt ? "" : ".png");
 			},
 			icon = function (id, big) {
 
diff --git a/src/_h5ai/js/inc/ZippedDownload.js b/src/_h5ai/js/inc/ZippedDownload.js
index d49dfc63..f38d56be 100644
--- a/src/_h5ai/js/inc/ZippedDownload.js
+++ b/src/_h5ai/js/inc/ZippedDownload.js
@@ -98,7 +98,7 @@
 						.find("a").click(function () {
 
 							$('#download').addClass('zipping');
-							$('#download img').attr('src', H5AI.core.image("loading"));
+							$('#download img').attr('src', H5AI.core.image("loading.gif", true));
 							$.ajax({
 								url: H5AI.core.api(),
 								data: {