jQuery-PanZoom - jQuery plugin to pan and zoom an image within a parent div.

  •        40

Pan and zoom an image within a parent div using any combination of buttons (anything you can bind a click to), mousewheel and drag/drop. Plugin can also read/write the co-ordinates of the image within the parent div to/from a (probably hidden) form field for easy integration into your own projects. Live example available at: http://benlumley.co.uk/dev/panzoom/example/index.html

http://benlumley.co.uk/dev/panzoom/example/index.html

Dependencies:

jquery : >1.4

Tags
Implementation
License
Platform

   




Related Projects

jquery.panzoom - :egg: A jQuery plugin for panning and zooming elements using CSS3.

  •    Javascript

Panzoom is a progressive plugin to create panning and zooming functionality for an element. Rather than setting width and height on an image tag, Panzoom uses CSS transforms and matrix functions to take advantage of hardware/GPU acceleration in the browser, which means the element can be anything: an image, a video, an iframe, a canvas, text, WHATEVER. jquery.panzoom.min.js (12.5kb/4.6kb gzip), included in this repo, is compressed with uglifyjs.

photo_view - 📸 Easy to use yet very customizable zoomable image widget for Flutter

  •    Dart

A simple zoomable image/content widget for Flutter. PhotoView enables images to become able to zoom and pan with user gestures such as pinch, rotate and drag.

jquery-cropbox - jQuery Cropbox plugin

  •    Javascript

jQuery plugin for in-place image cropping (zoom & pan, as opposed to select and drag). This plugin depends only on jQuery. If either `Hammer.js` or `jquery.hammer.js` is loaded, the cropbox plugin will support gestures for panning and zooming the cropbox. Similary, if the `jquery.mousewheel.js` plugin is loaded, then the cropbox plugin will support zoom in & out using the mousewheel. All dependencies on third party libraries (other than jQuery) are strictly optional. Support for CommonJS and AMD loading is built in. In browsers that support the HTML5 FIle API and Canvas API, the cropbox plugin provides mehtods to crop the image on the client and obtain the resulting cropped image as a Data URL or a binary blob to upload it to the server. Check out the plugin in action here http://acornejo.github.io/jquery-cropbox/

ImageViewZoom - Android ImageView widget with zoom and pan capabilities

  •    Java

ImageViewTouch is an android ImageView widget with zoom and pan capabilities. This is an implementation of the ImageView widget used in the Gallery app of the Android opensource project. The default display state is `DisplayState.NONE'.


svg-pan-zoom - JavaScript library that enables panning and zooming of an SVG in an HTML document, with mouse events or custom JavaScript hooks

  •    Javascript

It works cross-browser and supports both inline SVGs and SVGs in HTML object or embed elements. If you found a bug or have a suggestion first check if there is a similar open or closed issue. If there are none then create a new one.

KYElegantPhotoGallery - An elegant photo gallery

  •    Objective-C

An elegant photo gallery. It will zoom from a thumb image and you can pan to dismiss it with cool animation. ###1.支持双击放大、pinch缩放 Double-Tap & pinch to zoom.

jQuery-File-Upload - File Upload widget with multiple file selection, drag&drop support, progress bar, validation and preview images, audio and video for jQuery

  •    Javascript

File Upload widget with multiple file selection, drag&drop support, progress bar, validation and preview images, audio and video for jQuery. Supports cross-domain, chunked and resumable file uploads. Works with any server-side platform (Google App Engine, PHP, Python, Ruby on Rails, Java, etc.) that supports standard HTML form file uploads.

zoomove - :mag: :fireworks: Enlarges the image with the mouse hover and move

  •    Javascript

It's a plugin developed with jQuery, that allows to dynamically zoom images with mouseover, and view details with mouse move. If you prefer you can just download a ZIP file.

TileView - TileView is a subclass of android

  •    Java

The TileView widget is a subclass of ViewGroup that provides a mechanism to asynchronously display tile-based images, with additional functionality for 2D dragging, flinging, pinch or double-tap to zoom, adding overlaying Views (markers), built-in Hot Spot support, dynamic path drawing, multiple levels of detail, and support for any relative positioning or coordinate system. Properly configured, TileView can render tiles quickly enough be appear seamless.

Silverlight Toolkit Chart Zoom and Pan Extension

  •    

Now SL4 version is branched and trunk is compiled against SL5RC. Also got rid of that white gap around chart and disabled hit test on the zoom box so it works right-to-left better. This solution extends the Silverlight Toolkit Chart to give Zoom, Pan and Span functionality ...

Cesium - An open-source JavaScript library for world-class 3D globes and maps

  •    Javascript

CesiumJS is a JavaScript library for creating 3D globes and 2D maps in a web browser without a plugin. It uses WebGL for hardware-accelerated graphics, and is cross-platform, cross-browser, and tuned for dynamic-data visualization.

jquery-ui-carousel

  •    JQuery

jQuery RS Carousel is a responsive and touch-enabled carousel written on top of jQuery and the jQuery UI Widget Factory providing a full and familiar API in less than 2.6kB minified and gzipped

Obilogic SharePoint 2010 Picture Library Web Parts

  •    

SharePoint 2010 Visual Web Parts for displaying image files from a Picture Library Including: Picture Library Image Slider Picture Library Image Expanding Zoom Picture Library Image Zoom with Caption

StfalconImageViewer - A simple and customizable Android full-screen image viewer with shared image transition support, "pinch to zoom" and "swipe to dismiss" gestures

  •    Kotlin

A simple and customizable full-screen image viewer with shared image transition support, "pinch to zoom" and "swipe to dismiss" gestures. Compatible with all of the most popular image processing libraries such as Picasso, Glide etc. Based on PhotoView by chrisbanes. Need iOS and Android apps, MVP development or prototyping? Contact us via info@stfalcon.com. We develop software since 2009, and we're known experts in this field. Check out our portfolio and see more libraries from stfalcon-studio.

dragscroll - micro library for drag-n-drop scrolling style

  •    Javascript

Dragscroll is a micro JavaScript library (910 bytes minified) which enables scrolling via holding the mouse button ("drag and drop" or "click and hold" style, online demo). It has no dependencies and is written in vanilla JavaScript (which means it works anywhere). That's it! Now you can scroll it by dragging. You can also add the dragscroll class to the <body> element and drag the whole page.

BigPicture™

  •    Silverlight

A sample Silverlight 2.0 beta 1 application utilizing Microsoft's Deep Zoom technology along with Vertigo's Big Picture™ mouse interaction handing code (as seen in the Hard Rock Memorabilia application)

Photormin: Image Editor

  •    VB

Photormin is a Advanced Multi-Window painting tool for Windows. Drag amp; Drop Support, Advanced Drawing Tools, Color and Text and Zoom Box, Multi-Button Mouse Controling, Smooth Image Resizing, Crop and Support Common file formats for opening and also can

Silverlight Photo Album

  •    Silverlight

A control for a Photo/Picture Album in Silverlight.