Tagged: background image, fullscreen, slider
-
AuthorPosts
-
February 12, 2014 at 8:39 am #222593
What I’d like to do is have the Fullscreen Slider (under Media Elements in Advanced Layout) just have one single image and then have text slide into the center of the page and out the other side.
I’ve tried just repeating the image multiple times but with different captions, but even in fade mode there is a sort of flash/fade in on the back ground image each time the text changes.
Can you think of a way I could achieve this? Does the Advanced Layer Slider (LayerSlider WP) allow for a full screen image just like the Fullscreen Slider? If I set Slider width and Slider height both to 100% would that work for the image and then I could just animate the text?
Thanks.
February 13, 2014 at 4:02 am #223151Hey!
Have you tried using a blank image as a placeholder for the second slide?
Regarding your other question about LS, yes, it can be set to full-screen.
Cheers!
JosueFebruary 13, 2014 at 9:43 am #223295Hi Josue… I appreciate the response and ideas.
So the problem with a blank image for the second slide is that then my one image that I want won’t be there, right? Unless I set it as a background for that div, maybe? Would that work with the same scaling that the fullscreen slider uses?
I really like the way the fullscreen slider handles scaling for responsive in that it both scales and crops depending what the constraining dimension is. I tried doing a color section at 100% minimum with a fixed image background but the image had to be a set size and didn’t scale down for smaller screens and mobile and only showed a very small portion of the image.
February 13, 2014 at 8:11 pm #223616Hey!
This user had a similar request, please take a look:
https://kriesi.at/support/topic/turn-off-background-repeat-in-slider/Regards,
JosueFebruary 13, 2014 at 10:29 pm #223682Thanks, Josue.
I click on the other users link from the thread you linked to and the page is no longer there. Was he using the Fullscreen Slider or the Layer Slider?
February 13, 2014 at 10:35 pm #223684February 13, 2014 at 10:58 pm #223690That looks like the Advanced Layer Slider to me. It is full-width, but not full screen. I’m using the one that’s labeled Fullscreen Slider in the Avia Page Builder. I’ll post a link when I move the site from local to a dev server.
February 13, 2014 at 11:27 pm #223697It’s one of the built-in slider, not LS. Looking forward to hearing from you when you go live :)
Regards,
JosueMarch 5, 2014 at 8:57 am #232603Thanks for the help, Josue. I was able to get it figured out using the forum topic you linked to and playing with the CSS. I can post my CSS here if you think it would be useful to other forum members.
-
AuthorPosts
- The topic ‘Fullscreen Slider but with a single image’ is closed to new replies.