Navigation
Archive / Image Parallax in section
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • February 7, 2017 at 7:42 am #1361123
    Mapicts
    Participant

    Hello,

    I have a section with 2 rows and I want to have on the right row, an Iphone with a parallax effect and I don’t really know how to do it, with a Slider Revolution or can I do it with Cornerstone ?

    Thanks for your help 🙂

    February 7, 2017 at 9:04 am #1361221
    Rahul
    Moderator

    Hey There,

    Thanks for writing in!

    To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    February 9, 2017 at 2:37 am #1364003
    Mapicts
    Participant

    Hello thanks for reply !

    I work in local so provide you and URL is going to be hard :s
    My question in very simple ^^
    I have a section with 2 rows, 1 row with text and 1 with an image.
    The image is an Iphone and I just want when the user scroll the page, the Iphone scroll with him.
    Maybe I could do that only with a background ?

    Thanks for help 🙂

    February 9, 2017 at 3:04 am #1364017
    Lely
    Moderator

    Hi There,

    Parallax can be added when you add the image on the section as background image and then set parallax to ON.
    I am not really certain what you meant by Iphone scroll with him? By default it will leave the screen upon scroll if it is an image element? Did I missed something here? Please clarify.

    February 9, 2017 at 3:26 am #1364038
    Mapicts
    Participant

    On the screenshot I have an Iphone on the right. I want the Iphone to scroll with the user ^^

    Thanks for reply 🙂

    February 9, 2017 at 6:59 am #1364237
    Joao
    Moderator

    Hi There,

    You need to test and see what you like, as you have a solid background, to get a parallax effect the only way to go would be to put the iphone as part of your background image.

    Another cool effect would be to have a background with an image or texture and the iphone as an image element, in that case you would divide the row in a 2/3 + 1/3 and put the iphone on the right column.

    Give it a try on this two suggestions and let us know how it goes,

    Parallax you activate ONLY on the section background.

    Hope that helps

    Joao

    February 9, 2017 at 7:13 am #1364255
    Mapicts
    Participant

    For the moment it’s already a 2/3 + 1/3 row with the iphone on the right column.
    If I put the iphone on the background image for active the parallax, the iphone is in the middle any way to “fix” it ?

    Thanks 🙂

    February 9, 2017 at 10:17 am #1364456
    Joao
    Moderator

    Hi There,

    You need to edit an image thinking on the use,

    I would recommend you creating an image that is around 1600px wide and 800px height or something similar and place the iphone on the right side of the image.

    *** you might need a different size, you will have a better feeling of the size you need once you create the first and place on the section background,

    Hope that makes sense.

    Joao

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1361123 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>