Pagemap : Mini map for web pages


Pagemap for web pages a sort of navigation system which uses mini map for single page website or any other lengthy web page with JavaScript and html5 canvas.

Basic Usage of Mini map for web pages

// ‘element’ is desired dom element
var minimap = new MiniMap(element, options);
minimap.show();

Options

heightRatio

height ratio of the view port. ratio can be in the range [0.0, 1.0). (default: 0.6)

width Ratio

width ratio of the view port. ratio can be in the range [0.0, 0.5). (default: 0.05)

offsetHeightRatio

Margin top ratio of the view port. ratio can be in the range (0.0, 0.9]. (default: 0.035)

offsetWidthRatio

Margin left or right(based on position property) ratio of the view port. ratio can be in the range (0.0, 0.9]. (default: 0.035)

allowClick

whether or not to allow clicking to scroll through the page on the minimap & region element. (default: true)

fadeHover

Whether or not to fade the element to hoverOpacity and a transition speed of hoverFadeSpeed seconds when mouse over. (default: false)

hoverOpacity

Opacity value [0.0, 1.0] to set the opacity of the element to if fadeHover is true. (default: 0.4)

hoverFadeSpeed

Transition speed [0.0, infinity) for the opacity if fadeHover is true. (default: 0.5)

position

position of the minimap. Supported positions are:

  1. 'right' (default)
  2. 'left'

touch

touch support. (default: true)

smoothScroll

linear animation support for scrolling. (dafault: true)

For More Jqueries Plugins And Download Click


 

Leave a Reply

Your email address will not be published. Required fields are marked *