zoom out is too much

[siddharth251189]

when i am implementing plugin for zoom ,by default the zoom out is too much which makes it to small to view.

how to resolve it.

I am using below code :

        $(document).ready(function() {

            $('#canvas').smartZoom({'containerClass':'zoomableContainer'});

            $('#topPositionMap,#leftPositionMap,#rightPositionMap,#bottomPositionMap').bind("click", moveButtonClickHandler);
            $('#zoomInButton,#zoomOutButton').bind("click", zoomButtonClickHandler);

            function zoomButtonClickHandler(e){
                var scaleToAdd = 20;

                if(e.target.id == 'zoomOutButton')
                    scaleToAdd = -scaleToAdd;
                $('#canvas').smartZoom('zoom', scaleToAdd);
            }

            function moveButtonClickHandler(e){
                var pixelsToMoveOnX = 0;
                var pixelsToMoveOnY = 0;

                switch(e.target.id){
                    case "leftPositionMap":
                        pixelsToMoveOnX = 100;  
                    break;
                    case "rightPositionMap":
                        pixelsToMoveOnX = -50;
                    break;
                    case "topPositionMap":
                        pixelsToMoveOnY = 50;   
                    break;
                    case "bottomPositionMap":
                        pixelsToMoveOnY = -50;  
                    break;
                }
                $('#canvas').smartZoom('pan', pixelsToMoveOnX, pixelsToMoveOnY);
            }

        });