GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → waynegm → Imgviewer

waynegm / Imgviewer

Licence: mit
jQuery plugin to zoom and pan images, even those with a size that is a percentage of their container

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

jqueryimagejquery-pluginresponsiveviewer

Projects that are alternatives of or similar to Imgviewer

Imgnotes
Extension of the jQuery imgViewer plugin to add markers and notes to the image
Stars: ✭ 98 (+96%)
Mutual labels:  image, jquery-plugin, jquery, responsive
Jquery Rwdimagemaps
Responsive Image Maps jQuery Plugin
Stars: ✭ 1,511 (+2922%)
Mutual labels:  jquery-plugin, jquery, responsive
Guillotine
jQuery plugin to crop images within an area (fully responsive), allowing to drag (touch support), zoom and rotate.
Stars: ✭ 318 (+536%)
Mutual labels:  image, jquery-plugin, responsive
Jquery Viewer
A jQuery plugin wrapper for Viewer.js.
Stars: ✭ 235 (+370%)
Mutual labels:  jquery-plugin, viewer, jquery
Xzoom
jQuery Zoom Gallery plugin
Stars: ✭ 120 (+140%)
Mutual labels:  image, jquery-plugin, jquery
Sidr
Sidr is a jQuery plugin for creating side menus and the easiest way for doing your menu responsive.
Stars: ✭ 2,924 (+5748%)
Mutual labels:  jquery-plugin, jquery, responsive
Viewer
⚠️ [Deprecated] No longer maintained, please use https://github.com/fengyuanchen/jquery-viewer
Stars: ✭ 985 (+1870%)
Mutual labels:  jquery-plugin, viewer, jquery
Stickystack.js
A jQuery plugin that creates a stacking effect by sticking panels as they reach the top of the viewport.
Stars: ✭ 287 (+474%)
Mutual labels:  jquery-plugin, jquery, responsive
Jquery.sumoselect
A jQuery Single/Multi Select plugin which can be used on almost any device
Stars: ✭ 527 (+954%)
Mutual labels:  jquery-plugin, jquery, responsive
Uploader
A lightweight and very configurable jQuery plugin for file uploading using ajax(a sync); includes support for queues, progress tracking and drag and drop.
Stars: ✭ 1,042 (+1984%)
Mutual labels:  jquery-plugin, jquery
Bootstrap
Open Source JS plugins
Stars: ✭ 13 (-74%)
Mutual labels:  jquery-plugin, jquery
Cropper
⚠️ [Deprecated] No longer maintained, please use https://github.com/fengyuanchen/jquery-cropper
Stars: ✭ 7,825 (+15550%)
Mutual labels:  jquery-plugin, jquery
Gantt Elastic
Gantt Chart [ javascript gantt chart, gantt component, vue gantt, vue gantt chart, responsive gantt, project manager , vue projects ]
Stars: ✭ 869 (+1638%)
Mutual labels:  jquery, responsive
Bootstrap Msg
The jQuery plugin for showing message with Bootstrap alert classes
Stars: ✭ 10 (-80%)
Mutual labels:  jquery-plugin, jquery
Framecarousel
A jQuery plugin for quickly creating carousels within frames
Stars: ✭ 14 (-72%)
Mutual labels:  jquery-plugin, jquery
Jquery.marquee
jQuery plugin to scroll the text like the old traditional marquee
Stars: ✭ 857 (+1614%)
Mutual labels:  jquery-plugin, jquery
Sticky Nav
A jQuery plugin make the navbar sticky, smart anchor link highlighting, smooth scrolling. Simple and powerful.
Stars: ✭ 21 (-58%)
Mutual labels:  jquery-plugin, jquery
Parallax background
jQuery parallax background plugin based on GSAP
Stars: ✭ 30 (-40%)
Mutual labels:  jquery-plugin, jquery
Cz Parallax
Simple and tiny jQuery plugin for Parallax effect.
Stars: ✭ 10 (-80%)
Mutual labels:  jquery-plugin, jquery
Jukeboks
Jukeboks is a fast viewer / player app
Stars: ✭ 21 (-58%)
Mutual labels:  image, viewer
View All Similar Projects ➔

imgViewer

imgViewer is a jQuery plugin that allows an image to be zoomed and panned. Zooming and panning works on desktop browsers using the mousewheel to zoom in and out left mouse button click and drag to pan around. On touch enabled devices pinch gestures can be used to zoom in and out and tap and drag to pan around.

It is an easily extended, responsive UI component based on the jQuery widget factory and uses Hammer.js for touch event support. It should work on all browsers and platforms supported by Hammer.js.

If you don't find this plugin has what you need check out my imgViewer2 plugin which provides the same functionality but uses the Leaflet mapping library for the underlying image display.

Examples

  1. Fixed size image
  2. Dynamic image size
  3. Decorated, dynamic image size
  4. Custom onClick callback
  5. Control options
  6. Multiple viewer

Documentation

  1. Using the plugin
  2. Plugin options
  3. Plugin methods
  4. Extending the plugin
  5. Release History

License

This plugin is provided under the MIT License. Copyright (c) 2017 Wayne Mogg.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].