1) I want to have 100% of photograph in one view without scroll. I have tried different slider sizes but the scroll length is not changing. Smallest size I have tried is 960X640 and largest (current setting) is 1366X911. I have kept maximum response ratio at 1.
2) On last slide of the same URL (with black background) how do I test and give different animation effect to the buttons? I cannot find any effects apart from easing ones. I want different effects like the ones for the slides.
Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.
To achieve that you will need to use the Full size slider layout and select Hero scene mode for it. This option will always match the slider's height to the viewport, so it will always cover 100% of the browser window's height, regardless of the viewing environment.
You can find every available option for layer animations in the Layers -> Transitions tab (offset, scale, skew, rotate, fade, etc). You can read the interactive tooltip & notification messages with descriptions of the settings by hovering over each one of them.
The slide background behavior can be adjusted with the Slide Background Image -> Size option. You can choose from auto, contain, cover and stretch, depending on what you want to achieve.
I tried different options but either the image is getting cropped from top / bottom or I get black strip on left & right. Can't layer slider resize without cropping?
In responsive layout I am getting full image end to end of screen but with scrolling. In full width, I am getting black bars on left and right. In full screen Hero View, there is no scroll but image is getting cropped from top and bottom. Changing cover / contain option is also either adding black bars on left / right or cropping from bottom and top.
I tried to upload a smaller pixel image but that too is not helping. What should I do?
If you want to avoid any cropping or empty parts, you will need to use the stretch option. It will always fill the slider with the background image, regardless of the viewing environment or screen resolution.
Hello,
On URL - https://avisanimages.com/test2/
1) I want to have 100% of photograph in one view without scroll. I have tried different slider sizes but the scroll length is not changing. Smallest size I have tried is 960X640 and largest (current setting) is 1366X911. I have kept maximum response ratio at 1.
2) On last slide of the same URL (with black background) how do I test and give different animation effect to the buttons? I cannot find any effects apart from easing ones. I want different effects like the ones for the slides.
Thanks,
Aviral
Hello Aviral,
Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.
To achieve that you will need to use the Full size slider layout and select Hero scene mode for it. This option will always match the slider's height to the viewport, so it will always cover 100% of the browser window's height, regardless of the viewing environment.
You can find every available option for layer animations in the Layers -> Transitions tab (offset, scale, skew, rotate, fade, etc). You can read the interactive tooltip & notification messages with descriptions of the settings by hovering over each one of them.
Hi Atilla,
I tried the full size & hero option. Scroll bar is gone but the image is not resizing but getting cropped. How do I avoid the crop?
Second point is okay, I have been able to animate.
Thanks,
Aviral
The slide background behavior can be adjusted with the Slide Background Image -> Size option. You can choose from auto, contain, cover and stretch, depending on what you want to achieve.
I tried different options but either the image is getting cropped from top / bottom or I get black strip on left & right. Can't layer slider resize without cropping?
In responsive layout I am getting full image end to end of screen but with scrolling. In full width, I am getting black bars on left and right. In full screen Hero View, there is no scroll but image is getting cropped from top and bottom. Changing cover / contain option is also either adding black bars on left / right or cropping from bottom and top.
I tried to upload a smaller pixel image but that too is not helping. What should I do?
If you want to avoid any cropping or empty parts, you will need to use the stretch option. It will always fill the slider with the background image, regardless of the viewing environment or screen resolution.
thanks Attila! You are Attila the Hun :) You can close this ticket! thanks again.
Thank you for the feedback. If you need further assistance please let us know.