Ads 468 X 60

mgMiniMap jQuery MiniMap Plugin

JavaScript – mgMiniMap – jQuery MiniMap Plugin | CodeCanyon


mgMiniMap jQuery MiniMap Plugin his title this type of JavaScript/Miscellaneous This time I will review,made by ser-html, JavaScript/Miscellaneous is sold at a price of $10 in themeforest.

mgMiniMap - jQuery MiniMap Plugin - CodeCanyon Item for Sale

html5 canvas // jquery // jquery plugin // mini-map // minimap // photoshop navigator panel like // preview //

























Created30 September 13
Last Update30 September 13
Compatible BrowsersIE8, IE9, IE10, Firefox, Safari, Chrome
Software VersionjQuery
Files IncludedJavaScript JS, HTML, CSS




see the forest for the trees


Magnoliyan Minimap or mgMiniMap is Photoshop Navigator Panel like jQuery plugin. Say you have a page which long content goes out of the visible part of the browser’s window – viewport. mgMiniMap shows minimizes and simplified preview of the full page content with clearly marked draggable viewport. While you scroll the page, minimap automatically updates the preview. Also, while you drag the viewport frame, the original content gets scrolled as well.


Magnoliyan MiniMap Screenshot

mgMiniMap can be applied either to the window object or any scrollable element. For example, you can apply it to a p which content exceeds its dimensions.


mgMiniMap automatically updates its preview when original content gets resized, but also you can manually call its update method when, let’s say, the original content dynamically updates.


mgMiniMap suits perfectly in use cases like: Web apps for managing complex workflows, drag and drop components, but can work nice in any page as a fast visual navigation tool.


Minimap Features



  • HTML5 Canvas based fast rendering

  • Works in browsers without canvas support

  • Realistic page preview

  • Draggable and resizable navigator panel

  • Auto-update on the original content resize

  • Easy CSS based customization

  • Ability to select elements for faster rendering



0 comments:

Post a Comment