Override OpenSeadragon icon URLs within template

rather than requiring OpenSeadragon to be modified.

Author: bgilbert

examples/deepzoom/templates/index.html

@@ -106,6 +106,18 @@ <h1>Slide properties</h1>
 <script type="text/javascript" src="static/jquery.js"></script>
 <script type="text/javascript" src="static/OpenSeadragon.js"></script>
 <script type="text/javascript">
+// Override hardcoded icon paths
+var UnwrappedConfig = Seadragon.Config;
+Seadragon.Config = function() {
+    UnwrappedConfig.apply(this);
+    $.each(this.navImages, function(k, v) {
+        $.each(v, function(kk, vv) {
+            var elements = vv.split('/');
+            v[kk] = 'static/images/' + elements[elements.length - 1];
+        });
+    });
+};
+
 $(document).ready(function() {
     var dzi_data = {{ dzi_data|default('{}')|safe }};
     var viewer;