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

  •        18

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.

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.

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

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

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.

react-native-image-zoom - react native image pan and zoom

  •    TypeScript

Then, scan the QR, use your expo app.

fine-uploader - Multiple file upload plugin with image previews, drag and drop, progress bars

  •    Javascript

FineUploader is also simple to use. In the simplest case, you only need to include one JavaScript file. There are absolutely no other required external dependencies. For more information, please see the documentation. If you'd like to help and keep this project strong and relevant, you have several options.





We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.