OpenLayers OpenLayers

Ticket #1555: NavigationHistory.css_sprites.00.patch

File NavigationHistory.css_sprites.00.patch, 4.5 kB (added by fredj, 8 months ago)

  • theme/default/style.css

    old new  
    128128  position: relative; 
    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 
    136137} 
     138.olControlNavigationHistoryPreviousItemActive {  
     139  background-position: 0px 0px; 
     140} 
    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 
    156151.olControlNavToolbar .olControlNavigationItemActive {  

  • lib/OpenLayers/Control/NavigationHistory.js

    old new  
    137137 
    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); 
    143143        this.previous = new OpenLayers.Control.Button(previousOptions); 
    144144         
    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); 
    150150        this.next = new OpenLayers.Control.Button(nextOptions); 

  • examples/navigation-history.html

    old new  
    1717        <script type="text/javascript"> 
    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 
    3423                nav = new OpenLayers.Control.NavigationHistory(); 
    …… 
    4837                ); 
    4938                map.addLayer(layer); 
    5039                map.zoomToMaxExtent(); 
    51  
    52  
    5340            } 
    5441        </script> 
    5542    </head>