carousel show full content when resized

Questions related to the Responsive Web Design tools of WYSIWYG Web Builder.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/respon ... esign.html
Please read this first before posting any questions! Also check out the example project to get an idea how the RWD concept works.

Responsive Web Design FAQ:
http://wysiwygwebbuilder.com/forum/view ... 10&t=63817
Post Reply
Lasa
 
 
Posts: 365
Joined: Sat Oct 06, 2018 3:08 pm

carousel show full content when resized

Post by Lasa » Mon Jan 21, 2019 1:22 am

I'm trying to have the carousel show full content when resized down... not just the center of images with navigation on sides.
I'm talking get small, but still showing the full image just littler.
I thought i had done it before?
Cheers,
Lasa

User avatar
Pablo
 
Posts: 17969
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: carousel show full content when resized

Post by Pablo » Mon Jan 21, 2019 6:52 am

I'm sorry, it is not clear to me what you are trying to do.
Can you please be more specific?

Lasa
 
 
Posts: 365
Joined: Sat Oct 06, 2018 3:08 pm

Re: carousel show full content when resized

Post by Lasa » Mon Jan 21, 2019 12:35 pm

Carousel is 1000 x 300 centered when on a desktop you see the images from px 1 to px 1000 (full image)
When the screen size is made smaller the image is still 1000 px x 300 px but only shows the middle 400 px.
I have the carousel set to responsive. I would expect to see the whole images smaller to fit the new screen size.
Cheers,
Lasa

User avatar
Pablo
 
Posts: 17969
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: carousel show full content when resized

Post by Pablo » Mon Jan 21, 2019 1:45 pm

Is the image a background of the Carousel?
In that case you can use the 'background size' property to control the sizing behavior .

Lasa
 
 
Posts: 365
Joined: Sat Oct 06, 2018 3:08 pm

Re: carousel show full content when resized

Post by Lasa » Fri Feb 01, 2019 2:49 am

No the images are not part of the background, they are sildes
see this link: http://threefooter.com/brusa2/villa_borghesi2.html
On the carousel see the middle image, actually the issue is with all.. if you make make the browser smaller, or see on a phone you will see that the slides actually remain at full size 1200 by 300 so you only see a small bit of the image and the animation responds by getting long. How do i make the whole carousel reduce to 320 x 80 (what ever the ratio is).
the carousel is set to flexible is in a layergrid.
Any ideas?
Cheers,
Lasa

User avatar
Pablo
 
Posts: 17969
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: carousel show full content when resized

Post by Pablo » Fri Feb 01, 2019 7:14 am

I cannot see your settings based on the HTML code. To be able to help you I need to see your project file.
However, as mentioned you can use the background size to make the carousel slides full screen.

Lasa
 
 
Posts: 365
Joined: Sat Oct 06, 2018 3:08 pm

Re: carousel show full content when resized

Post by Lasa » Fri Feb 01, 2019 2:30 pm

For some reason I have problems uploading stuff.

This is what I'm trying to do:
http://threefooter.com/brusa2
If you resize the browser down to 320 the carousel get smaller... I did it with layers and breakpoints, resizing.

can I have that effect while working with layergrids
http://threefooter.com/brusa2/villa_borghesi2.html

Thanks,
Lasa

User avatar
BaconFries
 
 
Posts: 4663
Joined: Thu Aug 16, 2007 7:32 pm

Re: carousel show full content when resized

Post by BaconFries » Fri Feb 01, 2019 2:39 pm

For some reason I have problems uploading stuff.
When asked to share your project there is no direct way to upload to the forum as it has been deactivated. To get around this you can upload the project file to your own host and then give a url to it... or upload to a public file sharing service such as Mediafire and provide the url they generate.

User avatar
Pablo
 
Posts: 17969
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: carousel show full content when resized

Post by Pablo » Fri Feb 01, 2019 2:43 pm

When using layout grids, elements are flexible/fluid. They do not have a fixed size like in the specified link.

The flexible carousel is demonstrated in the following templates:
http://www.wysiwygwebbuilder.com/suppor ... books.html
http://www.wysiwygwebbuilder.com/suppor ... ortal.html
http://www.wysiwygwebbuilder.com/suppor ... asic2.html

Lasa
 
 
Posts: 365
Joined: Sat Oct 06, 2018 3:08 pm

Re: carousel show full content when resized

Post by Lasa » Fri Feb 01, 2019 7:50 pm

Thank you!

Post Reply