Zoom
Quote from luishp on September 22, 2023, 6:04 pm@zaqueo please take a look at the attached sample app.
Note these important image properties:
width: 100%
height: 100%
object-fit: cover
transition: all 1s ease-out 0sZoom In button code:
SetObjectStyle "Image1" "transform" "scale(2)"Zoom out button code:
SetObjectStyle "Image1" "transform" "scale(1)"Let me know if you have any doubts.
@zaqueo please take a look at the attached sample app.
Note these important image properties:
width: 100%
height: 100%
object-fit: cover
transition: all 1s ease-out 0s
Zoom In button code:
SetObjectStyle "Image1" "transform" "scale(2)"
Zoom out button code:
SetObjectStyle "Image1" "transform" "scale(1)"
Let me know if you have any doubts.
Uploaded files:- You need to login to have access to uploads.
Quote from Zaqueo on September 26, 2023, 3:29 amthanks for your help, but this causes the Image to scale not to zoom. What I was trying to get is to zoom IN and OUT of the complete image, not to change its size.
thanks for your help, but this causes the Image to scale not to zoom. What I was trying to get is to zoom IN and OUT of the complete image, not to change its size.
Quote from luishp on September 26, 2023, 8:42 amWhat I was trying to get is to zoom IN and OUT of the complete image, not to change its size.
@zaqueo sorry, I don't understand the difference. Do you mean something like this? (click on the information icon and then use the mouse wheel to zoom in and out):
https://novonordisklab.com/#!/panorama
If so, this effect has been done using the included neoPanZoom plugin.
What I was trying to get is to zoom IN and OUT of the complete image, not to change its size.
@zaqueo sorry, I don't understand the difference. Do you mean something like this? (click on the information icon and then use the mouse wheel to zoom in and out):
https://novonordisklab.com/#!/panorama
If so, this effect has been done using the included neoPanZoom plugin.