jQuery DragPan

Bluehost Shared Hosting

Description

Give your website visitors the ability to navigate a large area of rendered HTML quickly. Useful for creating maps of supermarkets, shopping malls, theme parks, zoos, festival sites, theatres, airports, seating plans in fact anywhere where the map would be larger than the users browser.

Features

  • Very few images, mostly CSS
  • Includes 22 different customizable options and 3 callbacks
  • Function to move map to position
  • Doesn’t stop user from dragging beyond map, just bounces back till the whole map fills the screen
  • Scrollbars (Colour changable using CSS) and they adjust to the zoom
  • Copyright/help message (You choose the message)
  • Restrict to horizontal/vertical panning
  • Customise grab/grabbing cursor
  • Change return animation speed
  • Modify inertia after releasing
  • Restrict dragging to the viewport
  • NEW By popular request, Zoom

Update 1.2

  • Added zoom capacity
  • Arrow images replaced with css
  • Bug fixes

Update 1.1

  • Added inertia options
  • Added ability to restrict map to viewport
  • Bug fixes

In The Wild (Examples)

If you use this script on your site/in an app then let me know, I will add a link to it here.

5 average based on 8 ratings.

mavoric

mavoric

Visit Author's Portfolio

View Portfolio
Last Update 2016-06-14
Created 2012-09-10
Sales 92
Discussion Comments
Compatible Browsers IE7 IE8 IE9 Firefox Safari Opera Chrome
Software Version jQuery
High Resolution
Files Included JavaScript JS HTML CSS Layered PNG
Video Preview Resolution
Search plugins
Browse Categories

Bluehost Shared Hosting