Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • April 3, 2014 at 1:10 am #246787
    mattmorse

    Please view http://www.tapingo.com and let me know if there is a way to add that parallax effect to the layer slider on my homepage (www.matt-morse.com). Thank you!

    April 3, 2014 at 1:51 am #246795
    Josue

    Hi Matt!

    It would be better to use a color section for that kind of effect. I’m not sure if you can’t get that with LS, try asking the author.

    Best regards,
    Josue

    April 3, 2014 at 6:36 am #246862
    Geoffdoyle

    I would love to learn how to get this effect as well

    April 3, 2014 at 10:30 am #246958
    Peter_from_Austria
    This reply has been marked as private.
    April 3, 2014 at 10:44 am #246961
    Peter_from_Austria

    Kein Ebenenbasierter Slider gefunden! Klicken Sie hier um eines zu erstellen.

    April 3, 2014 at 3:21 pm #247069
    Ismael

    Hey!

    Thank you for using the support forum guys!

    It’s possible but you need to use a little bit of custom css. Create a new slider on the layer slider then don’t add anything first. We’ll test the background. Set the height to at least 500px and the width to 100%. Add this on Quick CSS or custom.css:

    .ls-wp-container {
background: url(IMAGE URL HERE) no-repeat;
background-size: cover;
background-attachment: fixed;
}

    Change the image url. Use an image with at least 1500px in width. I hope that helps.

    Regards,
    Ismael

    April 7, 2014 at 7:25 pm #248397
    mattmorse

    Ok. If you view my page, you can see that this parallax effect does work. How do I build this into the slider now?

    April 8, 2014 at 3:58 am #248592
    Josue

    Hey!

    Have you tried using the Parallax Level option in LS?

    Cheers!
    Josue

    April 8, 2014 at 4:49 pm #248840
    mattmorse

    This effect just moves the content around with your mouse. I am looking for the same effect as on http://www.tapingo.com

    April 8, 2014 at 5:42 pm #248876
    Josue

    You’d need to rely in a parallaxed Color Section with one of Enfold sliders inside, as far as i know there is no other parallax functionality in LayerSlider.

    Regards,
    Josue

    April 8, 2014 at 5:47 pm #248881
    AndrewJ

    Hi Mattmorse,

    The only “parallax” effect possible within LS is that slight wiggle; not true parallax as we all understand it to be. Don’t waste any time exploring an LS solution any further; I probably wasted enough time for all of us. :-(

    I purchased Layer Slider specifically for the “parallax effects” so I was pretty disappointed.

    Regards

    AndrewJ

    • This reply was modified 10 years, 7 months ago by AndrewJ.
    April 9, 2014 at 5:01 am #249058
    Josue

    Yeah, but unfortunately that’s not something we can fix or improve at our end. In the meantime, as i said you can always rely on Enfold parallax elements.

    April 28, 2014 at 8:53 pm #257304
    mattmorse

    Is there a reason that this parallax type effect remains on the first slide of the LayerSlider on my homepage? I have removed all settings that I edited to try to get this to work properly.

    April 28, 2014 at 10:13 pm #257334
    Devin

    Hi!

    Could be cached locally for you. Checking your site now for the first time I don’t get that effect at all.

    Best regards,
    Devin

    April 29, 2014 at 6:50 pm #257790
    Farrdesign

    Thanks, Ismael! Worked like a charm for me.
    http://floridacranio.com/new/

    You just have to copy and paste the css into: slider style settings, appearance css, and paste in slider style. Leave background image blank. Understanding a little about how backgrounds work in css helps. All we are doing is making the image fixed, once we put it up with css. Pasting it in the theme options did nothing. Slider height does not matter. Image width should not matter either, as it covers. Very fun to experiment with!

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Parallax Slider Effect on Homepage’ is closed to new replies.