Instead of using this code I'd recommend to use the plugin's built-in settings. You can create a similar effect with the options located in the 'Hover Transition' section in the Layers area -> Transitions tab. With the Offset and Scale options you can control the amount of the zoom and its direction/position as well.
Hi Attila My images are the size of 739 x 480 And I want it put in the position 268 x 76 What values would I have to introduce in Offset and Scale options? Thanks
The Offset options represent the movement of the layer in pixels, alongside the X and Y axis. You will need to enter a value accordingly where you want to reposition them on hover.
To get the proper Scale values you will need to divide the two sizes. They will be around 0.36 and 0.16 in your case.
You shouldn't use the Transform Origin option, it is used for different purposes. The 0.36 and 0.16 values should be entered to the ScaleX and ScaleY fields of the images' hover transition instead.
Please note that you can read every settings' description by hovering over them, they provide additional information on what each settings does.
I think that I know where is the error... I've explained to me evil in my first message of every conversation we have had... I wanted to make a small image in a large and not vice versa.
First of all, congratulations for your excellent work.
I have built a slider, which you can see in the URL I have written below (maxgloxar.com/inicio230517)
When I pass my mouse over the image selected, I would like it to be put in the center of the screen, not in one of the corners. Is it that possible?
This is the code that I would like to be modified. If so, how could it be changed? Thanks in avance.
cursor:zoom-in;
box-shadow:0 2px 4px rgba(0,0,0,0.2);
z-index:110;
Regards from the Canary Islands, Spain
Hey Maxglo,
Instead of using this code I'd recommend to use the plugin's built-in settings. You can create a similar effect with the options located in the 'Hover Transition' section in the Layers area -> Transitions tab. With the Offset and Scale options you can control the amount of the zoom and its direction/position as well.
Hi Attila
My images are the size of 739 x 480
And I want it put in the position 268 x 76
What values would I have to introduce in Offset and Scale options?
Thanks
Max
Push in SECCIONES
The Offset options represent the movement of the layer in pixels, alongside the X and Y axis. You will need to enter a value accordingly where you want to reposition them on hover.
To get the proper Scale values you will need to divide the two sizes. They will be around 0.36 and 0.16 in your case.
Hi Attila
I've got the pictures showing where I wanted them.
I modified the TIMING & TRANFORM properties, within HOVER TRANSITION PROPERTIES, in addition to POSITION & DIMENSIONS.
I send you images with the parameters of the image called XAR EXPLORER.
You can see how they have left all the images on the web that I have in the SECTIONS module.
If you have any improvement or clarification, please send it to me.
Thanks for your help.
Max
You shouldn't use the Transform Origin option, it is used for different purposes. The 0.36 and 0.16 values should be entered to the ScaleX and ScaleY fields of the images' hover transition instead.
Please note that you can read every settings' description by hovering over them, they provide additional information on what each settings does.
Hi Attila,
If I enter the values you have told me (0.36 - 0.16) in the ScaleX and ScaleY fields, the image gets shorter, not bigger, which is what I wanted.
What I want is what I have achieved: to make bigger the image, as you do in BED (https://layerslider.kreaturamedia.com/sliders/furniture-slider/)
Thank you for everything
Hi Attila,
I think that I know where is the error...
I've explained to me evil in my first message of every conversation we have had...
I wanted to make a small image in a large and not vice versa.
So sorry
Max
In that case you will need to reverse these scale values.
739 / 268 = 2.8
480 / 76 = 6.3
Perfect!
Thank you for all your attention.
And again, congratulations for this great plugin.
Max
Thank you for the feedback, glad you could solve the problem. If you need further assistance please let us know.