Page 1 of 1

Enlarged Image Dislayed if Mouse is Hovered on the Smaller Image

Posted: Sun Aug 28, 2022 11:55 am
by vance
hello there,

what tool should i use from the TOOLBOX
so that when my mouse is HOVERED on the original smaller image,
the LARGER version of the smaller image is DISPLAYED on the screen?

please see attachment:
https://k00.fr/pbnc3by4

thanks,
vance

Re: Enlarged Image Dislayed if Mouse is Hovered on the Smaller Image

Posted: Sun Aug 28, 2022 1:47 pm
by Pablo
There are multiple ways to do this.
For example with events, but you can also use transitions or the rollover image object.

Re: Enlarged Image Dislayed if Mouse is Hovered on the Smaller Image

Posted: Sun Aug 28, 2022 9:19 pm
by vance
thanks Mr. Pablo,

i tried all 3 suggestions with the following results:

rollover image = both the image and the hover image have congruent sizes (equal)

events = nothing happened

transitions = no enlargement whatsoever

vance

Re: Enlarged Image Dislayed if Mouse is Hovered on the Smaller Image

Posted: Mon Aug 29, 2022 5:50 am
by Pablo
rollover image = both the image and the hover image have congruent sizes (equal)
Please select the 'scale (css3)' animation
events = nothing happened
What exactly did you do? Did you 'show' a larger image?
transitions = no enlargement whatsoeve
Tutorial:
https://wysiwygwebbuilder.com/transitions.html

Re: Enlarged Image Dislayed if Mouse is Hovered on the Smaller Image

Posted: Mon Aug 29, 2022 7:41 am
by vance
thanks mr. pablo

image enlargement issue SOLVED by "SCALE css3" of ROLLOVER IMAGE
GREAT.

no need for "events" and "transitions"

we may now close this thread.

vance