From f8bf59445c67d7e9e32c43831510f422632a8f14 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20Junod?= <frederic.junod@camptocamp.com>
Date: Mon, 23 Jun 2008 06:56:58 +0000
Subject: [PATCH] Use css sprites technique to simplify the NavigationHistory
 controls. r=tschaub. (Closes #1555)

git-svn-id: http://svn.openlayers.org/trunk/openlayers@7422 dc9f47b5-9b13-0410-9fdd-eb0c1a62fdaf
---
 examples/navigation-history.html            |  15 +------------
 lib/OpenLayers/Control/NavigationHistory.js |   4 ++--
 theme/default/img/navigation_history.png    | Bin 0 -> 7021 bytes
 theme/default/style.css                     |  23 ++++++++------------
 4 files changed, 12 insertions(+), 30 deletions(-)
 create mode 100644 theme/default/img/navigation_history.png

diff --git a/examples/navigation-history.html b/examples/navigation-history.html
index 8c07024dba..fce76f2436 100644
--- a/examples/navigation-history.html
+++ b/examples/navigation-history.html
@@ -17,18 +17,7 @@
         <script type="text/javascript">
             var map, nav, panel;
 
-            // preload images if you care
-            var preload = [
-                "../theme/default/img/view_previous_on.png",
-                "../theme/default/img/view_next_on.png"
-            ];
-            var img = new Array(preload.length);
-            for(var i=0; i<preload.length; ++i) {
-                img[i] = new Image();
-                img[i].src = preload[i];
-            }
-            
-            function init(){
+            function init() {
                 map = new OpenLayers.Map('map');
 
                 nav = new OpenLayers.Control.NavigationHistory();
@@ -48,8 +37,6 @@
                 );
                 map.addLayer(layer);
                 map.zoomToMaxExtent();
-
-
             }
         </script>
     </head>
diff --git a/lib/OpenLayers/Control/NavigationHistory.js b/lib/OpenLayers/Control/NavigationHistory.js
index 1dace12aa9..e9e782b72d 100644
--- a/lib/OpenLayers/Control/NavigationHistory.js
+++ b/lib/OpenLayers/Control/NavigationHistory.js
@@ -137,14 +137,14 @@ OpenLayers.Control.NavigationHistory = OpenLayers.Class(OpenLayers.Control, {
 
         var previousOptions = {
             trigger: OpenLayers.Function.bind(this.previousTrigger, this),
-            displayClass: this.displayClass + "Previous"
+            displayClass: this.displayClass + " " + this.displayClass + "Previous"
         };
         OpenLayers.Util.extend(previousOptions, this.previousOptions);
         this.previous = new OpenLayers.Control.Button(previousOptions);
         
         var nextOptions = {
             trigger: OpenLayers.Function.bind(this.nextTrigger, this),
-            displayClass: this.displayClass + "Next"
+            displayClass: this.displayClass + " " + this.displayClass + "Next"
         };
         OpenLayers.Util.extend(nextOptions, this.nextOptions);
         this.next = new OpenLayers.Control.Button(nextOptions);
diff --git a/theme/default/img/navigation_history.png b/theme/default/img/navigation_history.png
new file mode 100644
index 0000000000000000000000000000000000000000..053d1e0d26a5b41e84c441b4d4e08d6ae7abf1ad
GIT binary patch
literal 7021
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
RoA!qcprx*Vrxs}+{XeD|ji>+s

literal 0
HcmV?d00001

diff --git a/theme/default/style.css b/theme/default/style.css
index 1b0bcf3bd2..7f4d4fa3cc 100644
--- a/theme/default/style.css
+++ b/theme/default/style.css
@@ -128,29 +128,24 @@ div.olControlMousePosition {
   position: relative;
 }
 
-.olControlNavigationHistoryPreviousItemActive { 
-   background-image: url("img/view_previous_on.png");
+.olControlNavigationHistory {
+   background-image: url("img/navigation_history.png");
    background-repeat: no-repeat;
    width:  24px;
    height: 24px;
+
+}
+.olControlNavigationHistoryPreviousItemActive { 
+  background-position: 0px 0px;
 }
 .olControlNavigationHistoryPreviousItemInactive { 
-   background-image: url("img/view_previous_off.png");
-   background-repeat: no-repeat;
-   width:  24px;
-   height: 24px;
+   background-position: 0px -24px;
 }
 .olControlNavigationHistoryNextItemActive { 
-   background-image: url("img/view_next_on.png");
-   background-repeat: no-repeat;
-   width:  24px;
-   height: 24px;
+   background-position: -24px 0px;
 }
 .olControlNavigationHistoryNextItemInactive { 
-   background-image: url("img/view_next_off.png");
-   background-repeat: no-repeat;
-   width:  24px;
-   height: 24px;
+   background-position: -24px -24px;
 }
 
 .olControlNavToolbar .olControlNavigationItemActive {