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: 482
Joined: Sat Oct 06, 2018 3:08 pm

carousel show full content when resized

Post by Lasa »

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: 21574
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: carousel show full content when resized

Post by Pablo »

I'm sorry, it is not clear to me what you are trying to do.
Can you please be more specific?
Lasa
 
 
Posts: 482
Joined: Sat Oct 06, 2018 3:08 pm

Re: carousel show full content when resized

Post by Lasa »

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: 21574
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: carousel show full content when resized

Post by Pablo »

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: 482
Joined: Sat Oct 06, 2018 3:08 pm

Re: carousel show full content when resized

Post by Lasa »

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: 21574
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: carousel show full content when resized

Post by Pablo »

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: 482
Joined: Sat Oct 06, 2018 3:08 pm

Re: carousel show full content when resized

Post by Lasa »

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: 5325
Joined: Thu Aug 16, 2007 7:32 pm

Re: carousel show full content when resized

Post by BaconFries »

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: 21574
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: carousel show full content when resized

Post by Pablo »

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: 482
Joined: Sat Oct 06, 2018 3:08 pm

Re: carousel show full content when resized

Post by Lasa »

Thank you!
Post Reply