Page 1 of 1
full screen slide show with additional elements
Posted: Fri Aug 14, 2020 9:27 am
by heynen
Dear all,
I want to put a full screen slide show on my index page.
There should be a menu, text and my logo visible on each of the images.
a bit like here:
http://www.roofwaterfarm.com/
Can I just use the "slide show" and just place the text, logo and menu on top?
Thanks!
Re: full screen slide show with additional elements
Posted: Fri Aug 14, 2020 9:40 am
by zinc
heynen wrote: Fri Aug 14, 2020 9:27 am
Dear all,
I want to put a full screen slide show on my index page.
There should be a menu, text and my logo visible on each of the images.
a bit like here:
http://www.roofwaterfarm.com/
Can I just use the "slide show" and just place the text, logo and menu on top?
Thanks!
What is stopping you? Have you tried it?
Re: full screen slide show with additional elements
Posted: Fri Aug 14, 2020 10:03 am
by Pablo
I think the carousel would be more useful for this.
http://www.wysiwygwebbuilder.com/carousel.html
Re: full screen slide show with additional elements
Posted: Fri Aug 14, 2020 11:10 am
by heynen
Thank you! Great and easy to use!
I use a separate image as background image for each page.
I have set the carousel to "full page".
How can I set background image in a way that the whole image will be shown (so if the image resolution is higher than the screen resolution, the image will be scaled down)?
Re: full screen slide show with additional elements
Posted: Fri Aug 14, 2020 11:16 am
by Pablo
Set the background size to 'cover'
Re: full screen slide show with additional elements
Posted: Fri Aug 14, 2020 11:46 am
by heynen
Thank you!
(I was dumb, was searching in the wrong dropdown menu)
Re: full screen slide show with additional elements
Posted: Fri Aug 14, 2020 11:54 am
by heynen
is there a way to use "full page" mode for the carousel, but still have the pagination dots on the bottom of the page?
Re: full screen slide show with additional elements
Posted: Fri Aug 14, 2020 12:37 pm
by Pablo
Set the full width mode to 'flexible' and the height to '100vh'.
Note that this means the carousel's content will be floating (not fixed).
Re: full screen slide show with additional elements
Posted: Fri Aug 14, 2020 1:20 pm
by heynen
Thank you!
Additional questions:
Is it possible to have some objects that appear all the background fotos? (Like a layer that is set above all of the photos)?
In this example, the menu and the "roof water farm" logo stay on top, while only the background photos change:
http://www.roofwaterfarm.com/
.
Re: full screen slide show with additional elements
Posted: Fri Aug 14, 2020 2:12 pm
by Pablo