jQuery SimplePan

jQuery plugin for panning images

Basic Usage

Include the JS and CSS files

Demo

Usage

Simple jQuery plugin to PAN images

              $(function(){
                $("#simplePan").simplePan({
                  css: {
                    height: '500px',
                    width: '400px'
                  },
                  centerImage: true
                });
              });

With Mouse wheel Zoom

Include jQuery Mousewheel plugin

Demo

Usage

Simple jQuery plugin to PAN images

              $(function(){
                $("#simplePan2").simplePan({
                  css: {
                    height: '600px',
                    width: '100%'
                  },
                  centerImage: true,
                  mousewheel: true,
                  zoomAnimate: true
                });
              });

Plugin Options

Option	Description
`css`	Takes the CSS properties of the image container as JSON
`centerImage`	Puts the image in the center of the container when loading
`mouseWheel`
`zoomAnimate`	Flag to toggle Animation