Home Forums Porto Template Parallax zoom

This topic contains 3 replies, has 2 voices, and was last updated by  Support2 3 months, 1 week ago. This post has been viewed 179 times

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #10029719

    Murgi
    Participant

    Hi,

    Can you tell me please how can I achieve that the whole or more of the original photo is visible?

    You can see the original pictures here:
    image first
    image second

    Thank you
    Murgi


    • This topic was modified 3 months, 1 week ago by  Murgi.

    Template Version: 7.4.0
    #10029724

    Support2
    Keymaster

    Hello Murgi,

    It will depends on the format of the container where you will add the parallax. For example if you have a squared container (normally a div with col-lg-6) your images will fit properly on the container since both has the same aspect ratio.

    If your container will have a wide aspect ratio (like a full width section), those images will not fit properly. Our suggestion on this case is use a Image Software Editor like Photoshop or any other to resize the image for a wide aspect ratio.

    The parallax has some control options that also can help you:

    <section class="parallax section section-parallax section-center" data-plugin-parallax data-plugin-options="{'speed': 1.5, 'parallaxHeight': '130%', 'horizontalPosition': '80%', 'offset': -50}" data-image-src="img/path/foryourimage.jpg">

    * horizontalPosition will move the image on the X axis.
    * offset will move the image on the Y axis.
    * parallaxHeight will increase or decrease the image size.

    Hope this helps.

    Kind Regards,

    Rodrigo.


    #10029734

    Murgi
    Participant

    Hello Rodrigo,

    Thanks for your help.
    I used an image editor and the codes you showed.
    Look at THIS.

    Best Regards
    Murgi


    #10029737

    Support2
    Keymaster

    Hello Murgi,

    Great!

    The parallax effects in your website are really good! Nice work!

    If you need further assistance, feel free to contact us.

    Kind Regards,

    Rodrigo.


Viewing 4 posts - 1 through 4 (of 4 total)