full screen slide show with additional elements

All WYSIWYG Web Builder support issues that are not covered in the forums below.
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
Post Reply
heynen
 
 
Posts: 128
Joined: Sun Dec 31, 2017 4:27 pm

full screen slide show with additional elements

Post 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!
User avatar
zinc
 
 
Posts: 2183
Joined: Sat Dec 08, 2007 3:06 pm
Location: London, United Kingdom
Contact:

Re: full screen slide show with additional elements

Post 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?
Running WYSIWYG Web Builder since 2007...
User avatar
Pablo
 
Posts: 23488
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: full screen slide show with additional elements

Post by Pablo »

I think the carousel would be more useful for this.
http://www.wysiwygwebbuilder.com/carousel.html
heynen
 
 
Posts: 128
Joined: Sun Dec 31, 2017 4:27 pm

Re: full screen slide show with additional elements

Post 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)?
User avatar
Pablo
 
Posts: 23488
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: full screen slide show with additional elements

Post by Pablo »

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

Post by heynen »

Thank you!
(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

Post 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?
User avatar
Pablo
 
Posts: 23488
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: full screen slide show with additional elements

Post 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).
heynen
 
 
Posts: 128
Joined: Sun Dec 31, 2017 4:27 pm

Re: full screen slide show with additional elements

Post 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/


.
User avatar
Pablo
 
Posts: 23488
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: full screen slide show with additional elements

Post by Pablo »

Post Reply