Questions tagged [jquery.panzoom]

Panzoom is a progressive plugin to create panning and zooming functionality for an element.

Panzoom is a progressive plugin to create panning and zooming functionality for an element. Panzoom supports the same browsers as jQuery 2.0 and can be used with jQuery 1.9.0+ or jQuery 2.0+. 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. And although IE<=8 is not supported, this plugin is future-proof.

Github Repo

35 questions
0
votes
1 answer

jQuery Panzoom with contain: 'invert' inside a container with a fixed width

I'm trying to use jQuery.panzoom.js. All I have is a container with a fixed width (which might be smaller than the svg inside it). The problem is that if the svg is bigger than than the width of the container you cannot see the whole of it (even…
Ivanka Todorova
  • 9,964
  • 16
  • 66
  • 103
0
votes
2 answers

Jquery draggable with panzoom

I am working on a page in witch all its contents are scaled by using panzoom. The problem is that when I drag something in the page the dragging item gets a bad position.
Kaushik solanki
  • 438
  • 3
  • 15
0
votes
1 answer

Having issues with jquery panzoom js, increment value is not destroyed upon calling destroy

I am having problems while working on jquery.panzoom.js My requirement is to click on a button to allow zoom on the image several times. The reason why I had a zoom button is ,I also have a pan button, so I have to click them and on mousewheel I…
graphics123
  • 1,191
  • 3
  • 20
  • 57
0
votes
1 answer

jQuery PanZoom: How to limit panning by some percentage?

Is there a way to limit panning maybe by 50% of the image. For example while panning the image, if 50% of image is out of screen/panning area, then stop panning in that direction. Check this demo for the behaviour which I am looking for.
ifadey
  • 1,062
  • 10
  • 12
0
votes
1 answer

bind click to an element within panzoom container

I'm using jquery.panzoom to contain a table. Each table cell is in this form:
The table is created dynamically, so I use this to try and catch an event: $('.cell').on('click', function (e) {…
Oren A
  • 5,870
  • 6
  • 43
  • 64
1 2
3