Viewing Full-Width Image Slider
Full-Width Image Slider
|
User: Nad I. 8 years ago
|
|
|
Hi guys, I've searched the forums, however I've had no luck. I'm trying to use the Image Slider widget and have the images full-width. The problem is when the image is full-width and the browser is resized, the image will get cut off when enlarging the browser and fit properly when I reduce the browser size. I've tried playing with the image crop, however none of the options resolves this problem. Has anyone had experience using a full width image on a website while having a height limit? Thanks for your help. Last edit 8 years ago |
|
|
User: Roddy 8 years ago
|
|
|
Images have a fixed aspect ratio so, when the width is increased on a responsive page, so does the height. Here's an example of a responsive slider on a fixed width page content design and another on a responsive page using the Flex widgets. It is possible to have a responsive width and a fixed height as shown in this example of a single image and this one using a crossfade between two images. I have just created a widget for a full width, fixed height banner/slider which a lot of people seem to want. I will release it once I get back after the Santa deal is over and done with. ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: Roddy 8 years ago
|
|
|
Here's an example of a full width, fixed height banner/slider showing how it works when used with a responsive oage design using the Flex widgets. The demo shows the slider fixed with the content below sliding up over it on page scroll. Although the widget can be used on a non responsive page, the slider should NOT be fixed in this case. ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: Julie D. 4 years ago
|
|
| I am looking for this kind of cross fade between autoplay images full width in a responsive design, but with the height that adjust the image so we will see the full image in a narrow container... With which widget I can acheive that? See the webpage here http://cboulaytherapeute.ca/ Thanks! | |
|
User: Julie D. 4 years ago
|
|
|
I am looking for this kind of cross fade between autoplay images full width in a responsive design, but with the height that adjust the image so we will see the full image in a narrow container... With which widget I can acheive that? See the webpage here http://cboulaytherapeute.ca/ Thanks! ( none of the links showed above resolved my issue) SHould I create an animated gif with my images and make it full width in order to achieve what I want ( keep seeing the full image no crop)
Last edit 4 years ago |
|
|
User: Roddy 4 years ago
|
|
|
Browse to the EverWeb Widgets home page and use the search function to search for "hero slider" you should see quite a few. Examples ;;; Animated Lazy loading Switch ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
| Post Reply |
| You must login or signup to post. |