-
AuthorPosts
-
April 3, 2014 at 1:10 am #246787
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 #246795Hi 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,
JosueApril 3, 2014 at 6:36 am #246862I would love to learn how to get this effect as well
April 3, 2014 at 10:30 am #246958This reply has been marked as private.April 3, 2014 at 10:44 am #246961Kein Ebenenbasierter Slider gefunden! Klicken Sie hier um eines zu erstellen.
April 3, 2014 at 3:21 pm #247069Hey!
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,
IsmaelApril 7, 2014 at 7:25 pm #248397Ok. 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 #248592Hey!
Have you tried using the Parallax Level option in LS?
Cheers!
JosueApril 8, 2014 at 4:49 pm #248840This 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 #248876You’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,
JosueApril 8, 2014 at 5:47 pm #248881Hi 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, 8 months ago by AndrewJ.
April 9, 2014 at 5:01 am #249058Yeah, 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 #257304Is 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 #257334Hi!
Could be cached locally for you. Checking your site now for the first time I don’t get that effect at all.
Best regards,
DevinApril 29, 2014 at 6:50 pm #257790Thanks, 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!
-
AuthorPosts
- The topic ‘Parallax Slider Effect on Homepage’ is closed to new replies.