<html>
    <head>
        <title>GeoExt ZoomSlider</title>

	    <link rel="stylesheet" type="text/css" href="http://cdn.sencha.io/ext-4.1.0-gpl/resources/css/ext-all.css" />
	    <link rel="stylesheet" type="text/css" href="http://cdn.sencha.io/ext-4.1.0-gpl/examples/shared/example.css" />
	    <script type="text/javascript" charset="utf-8" src="http://cdn.sencha.io/ext-4.1.0-gpl/ext-debug.js"></script>
	
	    <!-- You should definitely consider using a custom single-file version of OpenLayers -->
	    <script src="http://openlayers.org/api/2.12-rc3/OpenLayers.js"></script>
	
	    <script type="text/javascript" src="../loader.js"></script>

        <script type="text/javascript" src="zoomslider.js"></script>
    </head>
    <body>
        <h1>GeoExt.ZoomSlider</h1>
        <p>The ZoomSlider allows control of the map scale using an Ext.slider.SingleSlider.
        It is also possible to add a special tooltip plugin, ZoomSliderTip, which
        will show the zoom level, scale and resolution while dragging the slider
        (the content is configurable).<p>
        <p>The js is not minified so it is readable. See <a href="zoomslider.js">zoomslider.js</a>.</p>
        <div id="map-container"></div>
    </body>
</html>

<html>
    <head>
        <title>GeoExt ZoomSlider</title>

        <link rel="stylesheet" type="text/css" href="http://cdn.sencha.com/ext/gpl/4.2.1/resources/css/ext-all.css" />
        <link rel="stylesheet" type="text/css" href="http://cdn.sencha.com/ext/gpl/4.2.1/examples/shared/example.css" />
        <script type="text/javascript" charset="utf-8" src="http://cdn.sencha.com/ext/gpl/4.2.1/ext-debug.js"></script>

        <!-- You should definitely consider using a custom single-file version of OpenLayers -->
        <script src="http://openlayers.org/api/2.13/OpenLayers.js"></script>

        <script type="text/javascript" src="../loader.js"></script>

        <script type="text/javascript" src="zoomslider.js"></script>
    </head>
    <body>
        <h1>GeoExt.ZoomSlider</h1>
        <p>The ZoomSlider allows control of the map scale using an Ext.slider.SingleSlider.
        It is also possible to add a special tooltip plugin, ZoomSliderTip, which
        will show the zoom level, scale and resolution while dragging the slider
        (the content is configurable).<p>
        <p>The js is not minified so it is readable. See <a href="zoomslider.js">zoomslider.js</a>.</p>
        <div id="map-container"></div>
    </body>
</html>

Upgrade example to use Ext 4.2.1/OL 2.13
Upgrade example to use Ext 4.2.1/OL 2.13
