Page 1 of 1
carousel show full content when resized
Posted: Mon Jan 21, 2019 1:22 am
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
Re: carousel show full content when resized
Posted: Mon Jan 21, 2019 6:52 am
by Pablo
I'm sorry, it is not clear to me what you are trying to do.
Can you please be more specific?
Re: carousel show full content when resized
Posted: Mon Jan 21, 2019 12:35 pm
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
Re: carousel show full content when resized
Posted: Mon Jan 21, 2019 1:45 pm
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 .
Re: carousel show full content when resized
Posted: Fri Feb 01, 2019 2:49 am
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
Re: carousel show full content when resized
Posted: Fri Feb 01, 2019 7:14 am
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.
Re: carousel show full content when resized
Posted: Fri Feb 01, 2019 2:30 pm
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
Re: carousel show full content when resized
Posted: Fri Feb 01, 2019 2:39 pm
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.
Re: carousel show full content when resized
Posted: Fri Feb 01, 2019 2:43 pm
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:
https://www.wysiwygwebbuilder.com/suppor ... books.html
https://www.wysiwygwebbuilder.com/suppor ... ortal.html
https://www.wysiwygwebbuilder.com/suppor ... asic2.html
Re: carousel show full content when resized
Posted: Fri Feb 01, 2019 7:50 pm
by Lasa
Thank you!