Zoomable image on webpage

[Boy]

Brilliant Siran, thank you for sharing!

[Acorn]

Here is a pan & zoom design I've just started on: PanZoomer.web

I would be interested in whether it work on tablets and phones.

It has an extra trick in that you can import an SVG so the zooming effect has no jaggies. I would have to change the code for this.
I created this one for any grouped shapes; ensure it has a Name of filename=image.
The image is stored in the !image Layer; just make the group as big as you can and ensure the layer is hidden.

Acorn

[Egg Bramhill]

Hi Acorn,

Panning works on Android but I can't zoom. On an iPhone4 I can both zoom (using pinch and whatever it's called) but it's not very simple, a bit hit and miss.
Edit: Using pinch & whatever on the Android works also but again not smoothly and hit & miss again, often just panning.

[Acorn]

Hi Acorn, Panning works on Android but I can't zoom. On an iPhone4 I can both zoom (using pinch and whatever it's called) but it's not very simple, a bit hit and miss.
Edit: Using pinch & whatever on the Android works also but again not smoothly and hit & miss again, often just panning.

Egg, thanks for checking,
Acorn

[gwpriester]

iPhone 6s No zoom because no mouse wheel on a cell phone.

[Acorn]

iPhone 6s No zoom because no mouse wheel on a cell phone.

Gary, I would have through a pinch or spread action might work. Never used an iPhone so I don't know what its limitations are.
Thanks,
Acorn

[Egg Bramhill]

Yes, it works on an iPhone Acorn but as I stated earlier very hit & miss, mainly panning.

[siran]

Gary, hope you enjoyed the evening. I had two bottles of beer if I remember correctly.
Acorn, great idea! Would you mind if I try to mimic the functionality.

[Acorn]

Gary, hope you enjoyed the evening. I had two bottles of beer if I remember correctly.
Acorn, great idea! Would you mind if I try to mimic the functionality.

siran, you can always reverse-engineer functionality. Do check that any code copying isn't breaching anyone else's copyright, i.e., I've used a couple of jQuery plug-ins in the mix.

Acorn

[siran]

Thanks Acorn! I'm not going to copy code. Like to try for myself in this case.