![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
Tagged: fullwidth slider
-
AuthorPosts
-
May 6, 2017 at 6:06 pm #788874
Hello,
I need some clarifications about how the full width slider is functioning as I am not getting the expected results. Even though I selected “No scaling” the images are somehow scaled on height and on the wide ones I am loosing details from the sides (see the private content).
I tried to look on some documentation about the fullwidth slider but I could not find it. So here are my questions:
– Are there any (general) rules or recommendations on how to use the images? Should they have all the same height or the same width?
– What is happening if I am using different height images for the slider? will the slider adjust its height depending on each of the pictures or the height is standard set?
– What settings can I use so the slider to disregard the height of the pic and to display it’s full width (is the height of the slider in this case variable, in case I am using different height images on different slides?). A fork from here would be when the width of the picture is smaller than full width. In this case I would like to know if the image could stretch proportionally in order to fill the widthThank you!
-
This topic was modified 7 years, 4 months ago by
vladbejenaru.
May 6, 2017 at 11:37 pm #788977Hey Vlad,
I looked at your site and it looks like your using the Full Screen slider, not the Full Width slider.
I used your image on my localhost in the Full Width slider without scaling or image loss, please give it a try :)Best regards,
MikeMay 7, 2017 at 5:17 pm #789109Do you mean the full width easy slider? I have tried in my test system and looks ok: width is respected, now I should see how to adjust the height as this varies with each picture.
If its not to much to ask I would like to know which are the differences between those two in order to understand when/what to use.
Thanks a bunch!
VMay 8, 2017 at 5:31 am #789312Hi,
Follow some screenshots that you`ll see the difference between the Full width Easy Slider and the normal Easy Slider.
Normal: http://prntscr.com/f5c6nx
Full: http://prntscr.com/f5c6s1Best regards,
John TorvikMay 8, 2017 at 11:34 am #789429Thanks John, but I was asking about the difference between Fullwidth Easy Slider and Fullscreen Slider.
May 8, 2017 at 12:07 pm #789464Hi Vlad,
The Fullscreen Slider is best used when you want the slider to take up the whole screen. http://kriesi.at/themes/enfold-2017/elements/fullscreen-slider/
The Fullwidth Easy Slider is best used when you want the slider to take up the whole width of the available space, and you want to specify the height of the slider as well. http://kriesi.at/themes/enfold-2017/elements/easy-slider/
So in the case of the image that you gave, the Fullwidth Easy Slider is the better choice.
I hope that helps!
Sarah
May 9, 2017 at 1:53 pm #790252Thanks for the reply Sarah. For the moment the Fullwidth Easy Slider should solve my problem, although I should rework my images in order to adjust the height.
What still puzzles me is why the Fullscreen Slider is stretching images and cropping them even when the image resolution of the picture has a width higher than screen resolution. This, in my opinion, makes the element difficult to handle as I do not fully understands how it works.
Thanks.
May 9, 2017 at 7:57 pm #790543Hi,
You can control that if you play around with the sizes of the images.
Have you tried that?Best regards,
BasilisMay 10, 2017 at 1:35 pm #791066I would if I would have some behavior description… otherwise is trial and error and I do not know which tests should I run… a bit of documentation would help…
May 10, 2017 at 9:04 pm #791337Hi,
Follow an article with details about this shortcode: https://docs.google.com/document/d/1k5ay98Pru7mdEmTTqlNj2lXIifeWjk4PvxemsYktw-I/edit?usp=sharing
Best regards,
John TorvikMay 11, 2017 at 12:26 pm #791602Hello John, I am sorry to be such a bother, but the article is about the Easy Slider and about the Fullwidth Easy Slider. My question was about Fullscreen Slider…
May 12, 2017 at 2:03 pm #792299Hi,
The images in the full screen slider are added as background and the background-size property, a css property, is set to “cover” (https://www.w3schools.com/cssref/css3_pr_background-size.asp). This means that the background image will cover the whole container but in order to keep its aspect ratio, in a few cases, parts of the images has to overflow or may not be visible inside the background positioning area. This is fine for images without a distinct focal point such as patterns, textures, wallpapers etc but not advisable for portraits. If the subject in the images has to be visible or it has a certain focal point, please use the full width easy slider because it will resize automatically while maintaining the images’ aspect ratio.
Best regards,
IsmaelMay 12, 2017 at 2:26 pm #792314now everything is clear! Thank you Ismael!
May 12, 2017 at 4:07 pm #792369We’re glad that Ismael is able to explain it well! :D
Do you need any other help with this topic, or can we close this thread?
Best regards,
Sarah -
This topic was modified 7 years, 4 months ago by
-
AuthorPosts
- You must be logged in to reply to this topic.