Okay
  Public Ticket #1190798
Imagen put in the center screen when pass the mouse over
Closed

Comments

  • Maximiano started the conversation

    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

  • [deleted] replied

    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.

  • Maximiano replied



    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





  • [deleted] replied

    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.

  • Maximiano replied

    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

  • [deleted] replied

    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.

  • Maximiano replied

    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

  • Maximiano replied

    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

  • [deleted] replied

    In that case you will need to reverse these scale values.

    739 / 268 = 2.8
    480 / 76 = 6.3

  • Maximiano replied

    Perfect!
    Thank you for all your attention.
    And again, congratulations for this great plugin.
    Max

  • [deleted] replied

    Thank you for the feedback, glad you could solve the problem. If you need further assistance please let us know.