Page 1 of 1

Simple rollover ZOOM

Posted: Sun Oct 06, 2024 1:04 am
by QQQ
I have searched the form for a simple solution without luck unless you count all the complex HMTL codes I found.
All I need is a simple roller trick so that the photo that has been dragged smaller to fit page jumps back-out to full sized when Mouse Roller Over occurs.
I already tried ROLLEROVER IMAGE, GENERAL, ANIMATION, ZOOM but the zoomed image is stuck in the tiny thumb nail sized (resize) of that photo.
I need it to 'JUMP-0UT' to full size when rolled over. I hope I do not have to buy a Plug-in (BUT I WILL) or use manual HTML please.
I need this https://www.w3schools.com/howto/howto_c ... _hover.asp to happen to a photo in WYSIWG
What am I missing here??? I am so close but need help.
Thanks

Re: Simple rollover ZOOM

Posted: Sun Oct 06, 2024 1:39 am
by BaconFries
There are more than one way to do this. It can be achieved with events, including transitions or the rollover image object.
Using CSS3 transform to zoom an image
Online Tutorials Reading from Events and Animations and Transitions

Re: Simple rollover ZOOM

Posted: Sun Oct 06, 2024 1:56 am
by QQQ
WOW! That's what I need!!
GOT IT TO WORK!!! JUST TOOK TIME THANKS SO MUCH!!!!!!!!!!!!! :D :D :D :D :D :D :D

READ: As a courtesy to FUTURE people searching this forum be SURE to input a value in IMAGE, ANIMATIONS, TRANSITIONS, TRANSFORM field
be sure to set 'X and Y SCALE' to at least a value of '3 and 3' and a value of '5 and 5' or higher in 'X and Y TRANSITION' or it will not work. It's tricky that way!!!
' X'-scale=3 'Y'-scale=3 / 'X'-transition = 5 'Y'-transition =5 / And be sure to use "MOVE TO FRONT" or every thing near your image will bury it under. You want the ZOOM to be OVER everything near it and cover it.
If you can't find the word 'TRANSFORM' there is a hard to see slider on the left that you have to move to the bottom of that field to make it show.
ENJOY!! :D :D :D