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!
full screen slide show with additional elements
Forum rules
IMPORTANT NOTE!!
DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.
PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901
MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
IMPORTANT NOTE!!
DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.
PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901
MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
-
heynen
-

- Posts: 128
- Joined: Sun Dec 31, 2017 4:27 pm
- zinc
-

- Posts: 2187
- Joined: Sat Dec 08, 2007 3:06 pm
- Location: London, United Kingdom
- Contact:
Re: full screen slide show with additional elements
What is stopping you? Have you tried it?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!
Running WYSIWYG Web Builder since 2007...
- Pablo
- Posts: 23630
- Joined: Sun Mar 28, 2004 12:00 pm
- Location: Europe
- Contact:
Re: full screen slide show with additional elements
I think the carousel would be more useful for this.
https://www.wysiwygwebbuilder.com/carousel.html
https://www.wysiwygwebbuilder.com/carousel.html
-
heynen
-

- Posts: 128
- Joined: Sun Dec 31, 2017 4:27 pm
Re: full screen slide show with additional elements
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)?
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)?
- Pablo
- Posts: 23630
- Joined: Sun Mar 28, 2004 12:00 pm
- Location: Europe
- Contact:
Re: full screen slide show with additional elements
Set the background size to 'cover'
-
heynen
-

- Posts: 128
- Joined: Sun Dec 31, 2017 4:27 pm
Re: full screen slide show with additional elements
Thank you!
(I was dumb, was searching in the wrong dropdown menu)
(I was dumb, was searching in the wrong dropdown menu)
-
heynen
-

- Posts: 128
- Joined: Sun Dec 31, 2017 4:27 pm
Re: full screen slide show with additional elements
is there a way to use "full page" mode for the carousel, but still have the pagination dots on the bottom of the page?
- Pablo
- Posts: 23630
- Joined: Sun Mar 28, 2004 12:00 pm
- Location: Europe
- Contact:
Re: full screen slide show with additional elements
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).
Note that this means the carousel's content will be floating (not fixed).
-
heynen
-

- Posts: 128
- Joined: Sun Dec 31, 2017 4:27 pm
Re: full screen slide show with additional elements
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/
.
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/
.
- Pablo
- Posts: 23630
- Joined: Sun Mar 28, 2004 12:00 pm
- Location: Europe
- Contact:
Re: full screen slide show with additional elements
You can try a sticky layer.
https://www.wysiwygwebbuilder.com/morelayers.html
https://www.wysiwygwebbuilder.com/morelayers.html