OpenLayers OpenLayers

Changeset 7422

Show
Ignore:
Timestamp:
06/23/08 02:56:58 (3 months ago)
Author:
fredj
Message:

Use css sprites technique to simplify the NavigationHistory controls. r=tschaub. (Closes #1555)

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved

  • trunk/openlayers/examples/navigation-history.html

    r7095 r7422  
    1818            var map, nav, panel; 
    1919 
    20             // preload images if you care 
    21             var preload = [ 
    22                 "../theme/default/img/view_previous_on.png", 
    23                 "../theme/default/img/view_next_on.png" 
    24             ]; 
    25             var img = new Array(preload.length); 
    26             for(var i=0; i<preload.length; ++i) { 
    27                 img[i] = new Image(); 
    28                 img[i].src = preload[i]; 
    29             } 
    30              
    31             function init(){ 
     20            function init() { 
    3221                map = new OpenLayers.Map('map'); 
    3322 
    …… 
    4938                map.addLayer(layer); 
    5039                map.zoomToMaxExtent(); 
    51  
    52  
    5340            } 
    5441        </script> 

  • trunk/openlayers/lib/OpenLayers/Control/NavigationHistory.js

    r6833 r7422  
    138138        var previousOptions = { 
    139139            trigger: OpenLayers.Function.bind(this.previousTrigger, this), 
    140             displayClass: this.displayClass + "Previous" 
     140            displayClass: this.displayClass + " " + this.displayClass + "Previous" 
    141141        }; 
    142142        OpenLayers.Util.extend(previousOptions, this.previousOptions); 
    …… 
    145145        var nextOptions = { 
    146146            trigger: OpenLayers.Function.bind(this.nextTrigger, this), 
    147             displayClass: this.displayClass + "Next" 
     147            displayClass: this.displayClass + " " + this.displayClass + "Next" 
    148148        }; 
    149149        OpenLayers.Util.extend(nextOptions, this.nextOptions); 

  • trunk/openlayers/theme/default/style.css

    r7228 r7422  
    129129} 
    130130 
    131 .olControlNavigationHistoryPreviousItemActive {  
    132    background-image: url("img/view_previous_on.png"); 
     131.olControlNavigationHistory { 
     132   background-image: url("img/navigation_history.png"); 
    133133   background-repeat: no-repeat; 
    134134   width:  24px; 
    135135   height: 24px; 
     136 
     137} 
     138.olControlNavigationHistoryPreviousItemActive {  
     139  background-position: 0px 0px; 
    136140} 
    137141.olControlNavigationHistoryPreviousItemInactive {  
    138    background-image: url("img/view_previous_off.png"); 
    139    background-repeat: no-repeat; 
    140    width:  24px; 
    141    height: 24px; 
     142   background-position: 0px -24px; 
    142143} 
    143144.olControlNavigationHistoryNextItemActive {  
    144    background-image: url("img/view_next_on.png"); 
    145    background-repeat: no-repeat; 
    146    width:  24px; 
    147    height: 24px; 
     145   background-position: -24px 0px; 
    148146} 
    149147.olControlNavigationHistoryNextItemInactive {  
    150    background-image: url("img/view_next_off.png"); 
    151    background-repeat: no-repeat; 
    152    width:  24px; 
    153    height: 24px; 
     148   background-position: -24px -24px; 
    154149} 
    155150