Zoom in krpano Layer

https://dearte.online/zoom/
Click hotspot for layer zoom

Suso,

Sorry, I didn't follow this thread and missed to share my findings. Krpano cursor setting solved my zoom alignment pproblem immediatelly:

<control zoomtocursor="true" zoomoutcursor="true" />

in the tour.xml (after the <skin_settings>).
Maybe you (or anybody else) can use it, too.
Pavel

Best
Suso

Quote from klaus.krpano

Hi,

sorry, but I can't analyze or debug your code, but here attached the original mwheel-touch-zooming.xml extended with some code for dragging:
mwheel-touch-zooming.xml

Best regards,
Klaus

HI there Klaus,

Has there been any change on v1.20 that needs of any extra tweaking of the mwheel-touch-zooming.xml code?

I am trying the same code on v.19 and v1.20 with different results.


V1.19 (https://demo.zakato.com/temp/v19/) works all nicely and as expected in all the devices that I have tried (phone, tablet, laptop and desktop)

V1.20 (https://demo.zakato.com/temp/v20/) on the other hand, works fine on phone, tablet and desktop but gives a problem on my laptop's touchpad (MBPRO). The zoom when scrolling with two parallel fingers works initially fine, but as soon as I zoom with the "pinching" tablet gesture it all stops working (both scrolling and pinching). This is not happening in v1.19 where everything works good.

Finding the same problem here too with v1.19 working fine, v1.20 pinch zoom on macbook trackpad not working as per zakato360's code.

Hopefully Klaus will know what's causing this?

Thanks in advance!

Quote from Alexander360

Finding the same problem here too with v1.19 working fine, v1.20 pinch zoom on macbook trackpad not working as per zakato360's code.

Hopefully Klaus will know what's causing this?

Thanks in advance!

I am having the same issue, has anyone been able to find a solution?

Hi, I'm trying to modify the code in that way to get solution for zooming to point indicated by cursor. Now it is always the center of the popup image. "zoomtocursor" doesn't work for this one.What do I need to change or add to make it happend?
Thank you in advance.

Quote from VRW_Phil

Quoted from "Alexander360"

Finding the same problem here too with v1.19 working fine, v1.20 pinch zoom on macbook trackpad not working as per zakato360's code.

Quote from VRW_Phil

Hopefully Klaus will know what's causing this?

Quote from VRW_Phil

Thanks in advance!
I am having the same issue, has anyone been able to find a solution?

I have just tested with the latest 1.20.9 release and the problem is still the same with mac book track pad not working correctly (or at all) to pinch zoom or 2 finger scroll on an image layer.

Any ideas? Klaus, is this something that could be fixed?

Thanks as always!

Quote from Alexander360

I have just tested with the latest 1.20.9 release and the problem is still the same with mac book track pad not working correctly (or at all) to pinch zoom or 2 finger scroll on an image layer.

Any ideas? Klaus, is this something that could be fixed?

Thanks as always!

I think I've found a workaround for anyone with this problem. By adding an if statement to check it the device is a mac, this seems to do the trick:

<!-- the action for zooming either via the mouse wheel for via touch gestures -->	<action name="image_onmousewheel">		if(iszoom,
		<!-- THE WORKAROUND -->		if(!device.mac,						if(wheeldelta_touchscale GT 0,				<!-- touch zoom -->				if(startzoom,					set(startzoom,false);					copy(start_wheeldelta_touchscale, wheeldelta_touchscale);					copy(start_imagescale, layer[image].scale);
				  );
				div(tmp, wheeldelta_touchscale, start_wheeldelta_touchscale);				mul(layer[image].scale, start_imagescale, tmp);							);			  ,				<!-- mouse wheel zoom -->				mul(sit,get(wheeldelta),0.05);				mul(sit,layer[image].scale);				add(layer[image].scale,sit);
			  );		);	</action>

Thanks for this feature, its great!
If the image takes a lot of the screensize it may happen that it is not zoomable at start, because zooming starts at onover event. A workaround would be to tween the image from eg. x="-1000" to x="0".

Mac Touchpad workaround with scale also works, thanks!

The zoomtocursor doesn't work for me either. Is there anyone out there with a solution to that?

Quote from klaus.krpano

Hi,

here's an example:
https://krpano.com/examples/118/e…ch-zooming.html

xml:
https://krpano.com/examples/118/examples/xml-usage/image-mwheel-touch-zooming/mwheel-touch-zooming.xml

It uses the onmousewheel event (which will be called also on touch devices on gesture zooms) and
touch devices the wheeldelta_touchscale variable for getting a scale value related to the zooming-gesture.

Best regards,
Klaus

I am trying to make it work on 1.21. But no success. On 1.19. is working great. What should I tweak? Thanks in advance

Quote from klaus.krpano

Hi,

here's an example:
https://krpano.com/examples/118/e…ch-zooming.html

xml:
https://krpano.com/examples/118/examples/xml-usage/image-mwheel-touch-zooming/mwheel-touch-zooming.xml

It uses the onmousewheel event (which will be called also on touch devices on gesture zooms) and
touch devices the wheeldelta_touchscale variable for getting a scale value related to the zooming-gesture.

Best regards,
Klaus

How could I apply it when using an image through a popup?

krpano

where do I have to add what code?

Quote from martyhr

I am trying to make it work on 1.21. But no success. On 1.19. is working great. What should I tweak? Thanks in advance

Hi,

I have got same problem. Not tried on version 1.19. But it doesn't work on 1.21.

There is strange think that on mouse version (PC mode) it works. After switching on Chrome browser to phone mode it works too. But if I reloaded the page the touch functionality stop work.

Thanks for any hint.

Sorry, the Chrome browser has a little different behaviour than really android phone. It works.