City map

{source}
<section id="zoompan">
<div class="parent">
<div class="panzoom">
<img src="/images/plan_miasta/plan_miasta_warka.jpg">
</div>
</div>
<div class="buttons">
<button class="zoom-in">Zoom in</button>
<button class="zoom-out">Zoom Out</button>
<input type="range" class="zoom-range">
<button class="reset">Reset</button>
</div>
</section>
<script>
(function() {
var $section = jQuery('#zoompan').first();
$section.find('.panzoom').panzoom({
$zoomIn: $section.find(".zoom-in"),
$zoomOut: $section.find(".zoom-out"),
$zoomRange: $section.find(".zoom-range"),
$reset: $section.find(".reset")
});
})();
</script>
{/source}