-
AuthorPosts
-
June 25, 2018 at 11:53 am #977384
Is it possible to set the picture in de LayerSlider fixed, so that when you scrol the page de picture scrolls a little bit with it, up and down?
June 25, 2018 at 4:53 pm #977567what you describe is more or less a parallax effect on that image! Isn’t it?
Layerslider has got on transitions tab the option to enable parallax transition ( you can set a parallax level and if it is correlated with scroll event)June 25, 2018 at 7:32 pm #977600This reply has been marked as private.June 26, 2018 at 3:45 am #977757Hi,
Add a Slide Background Image and set the Size to “cover” and position to “center center”. Click the “Show More Options” button and configure the “Parallax Defaults” option. The “Event” dropdown should be set to “Scroll” instead of “Cursor or Tilt”. You can also create a fixed background image effect with the color section or the full screen slider element. Just set the “Background Attachment” to “fixed”.
Best regards,
IsmaelJune 26, 2018 at 7:20 am #977810Hi Ismael,
Thanks for your reply, I will try this and let you know if i got it worked!
Best regards,
FerryJune 26, 2018 at 7:40 am #977814Hi Ismael,
I tried, but I cannot get it work, I do not see any change when I set your settings to the slide.
Any suggestion?
Best regards,
FerryJune 26, 2018 at 5:37 pm #978038Hi Ferry,
Here are some docs for you
https://offlajn.com/blog/entry/2014/11/22/how-to-use-the-parallax-effect-with-the-layer-slider.html
http://docs.offlajn.com/layer-slider/41-slide-settings/178-parallax-defaultsIf you need further assistance please let us know.
Best regards,
VictoriaJune 27, 2018 at 1:57 pm #978412Hi Victoria,
Thanks for your reply. The problem is I think, i do not want a parallax effect but more the effect like the demo site from the Enfold theme. Something like you see at “What our customers say” part of the demo. So you scroll up and down and the picture stays fixed.
https://kriesi.at/themedemo/?theme=enfold-overview
If you scroll all the way down you can see what I mean. That is effect I would like to use in the Slider, if it is even possible offcourse!
Maybe it is only possible if you use a full screen slider…
Best regards,
FerryJune 28, 2018 at 1:16 am #978642Hi,
If you want a simple fixed background, add this code inside an html layer.
<div id="fixed-bg"></div>
Set the width and height to 100% then apply the background properties in the Quick CSS field.
#fixed-bg { background: url('IMAGE URL HERE'); background-attachment: fixed; background-size: cover; width: 100%; height: 100%; }
Best regards,
IsmaelJuly 1, 2018 at 7:23 am #979699Hi ismael,
For some reason it will not work!
I think I will let it just the way it is!
Thanks for your time!
Best regards,
FerryJuly 1, 2018 at 10:58 am #979790Hi Ferry,
Thanks for the feedback. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
RikardJuly 2, 2018 at 7:49 am #979969Hi Rikard,
You can close this topic!
Best regards,
FerryJuly 2, 2018 at 9:58 pm #980310Hi,
Thank you for letting us know.
Best regards,
Basilis -
AuthorPosts
- The topic ‘Is it possible to set te picture fixed in the LayerSlider ?’ is closed to new replies.