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
Simple rollover ZOOM
Forum rules
IMPORTANT NOTE!!
DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.
PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901
MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
IMPORTANT NOTE!!
DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.
PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901
MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Simple rollover ZOOM
Last edited by QQQ on Sun Oct 06, 2024 1:41 am, edited 1 time in total.
I am old and need help. When I was your age a calculator was a pen and paper!
- BaconFries
-
- Posts: 5877
- Joined: Thu Aug 16, 2007 7:32 pm
Re: Simple rollover ZOOM
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
Using CSS3 transform to zoom an image
Online Tutorials Reading from Events and Animations and Transitions
Re: Simple rollover ZOOM
WOW! That's what I need!!
GOT IT TO WORK!!! JUST TOOK TIME THANKS SO MUCH!!!!!!!!!!!!!

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!!

GOT IT TO WORK!!! JUST TOOK TIME THANKS SO MUCH!!!!!!!!!!!!!







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!!



I am old and need help. When I was your age a calculator was a pen and paper!