-
Posts
-
Hello guys!
Is it possible to insert a full screen image? Fixed to the edge of the screen. Without space. So I tried with color section but you can’t give some entry effect: fade in, rotation, etc….
Tried with one image in full screen layerslider but the animation doesn’t work with a single image.
How to do?Hey Stilecatalini,
Thank you for the inquiry.
What type of animation are you attempting to apply? Have you tried using the Fullscreen Slider in the Advance Layout Builder? Please create a test page so that we can see the issue.
Best regards,
IsmaelHi,
Have you created a test page? If so, please share the link to the page so that we can review the slider setup. Additionally, we may need access to the dashboard in order to further investigate the issue.
Best regards,
IsmaelHere the test page.
Please review also the “arrow” to scroll down: is it possible to have a vertical line animated? Please look at the website example…Hi,
Thank you for creating the test page.
In the layer slider editor, please make sure to switch from Layers to Slide mode, then go to the Timing & Transition settings. In the Slide Transition, click the Select Transition button and configure the options as necessary.
As mentioned previously, we may need to login to the site in order to check the slider settings. Please provide the info in the private field.
Best regards,
IsmaelHi,
Looks the transitions are only applied when there are multiple slides. You may need to add another item to the slider in order to make use of the transitions. Please check the private field.
Please check my submenu on desktop!!
If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.
Thank you for your patience.
Best regards,
IsmaelIsmael i think you don’t understand………
Please look at this example. Try to click some menu button of this website and look how the image is open.Regarding the other question, i’m trying to ask someone to help me to solve the problems of my website everywere hoping someone help me BUT like i see, NO WAY!
My problems are the same and its almost one month that i’m trying to solve them!
Anyway my submenu is the same.you want only an image – or a slideshow as body background?
A fullscreen image is easy to have ( if you have on general Layout a boxed or fixed frame layout) – on enfold options: general styling : “body background”
You have all those options to insert even a seamless background-image and have background-repeat etc.
It is then simply implemented by means of a newly created extra container: bg_container..bg_container { background-image: url(/wp-content/uploads/…); background-position: center center; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; height: 100%; width: 100%; position: fixed; z-index: -1; top: 0; left: 0; }this is the fixed version – but you can have different options.
see on css-tricks: https://css-tricks.com/perfect-full-page-background-image/Look at this website and try to click some button. Look how the image is open.
https://pininfarina.it/en/https://basis.webers-testseite.de/home4/
it is a color-section with min-height at 100% – with background-video and selfhosted video
on mobile i checked to not show the video but the inserted background-image due to performance reasons.on that pininfarina page? which button should i press? Or is there an enfold page to see in private content?
see buttons on my color-section: https://basis.webers-testseite.de/home4/Yes! Try to click the burger, so industries, so automotive….(for example) and look the image effect.
- The topic ‘Full screen image with animation’ is closed to new replies.