Layers disappear after a while? - wordpress

So I'm using Revolution Slider with 1 slide only and the layers on my slide keep disappearing after X minutes even though:
my slide is set to 9 seconds
the slide is set to end on this slide (General Settings -> Pause Slider -> Stop Slider Progress)
all the layers are set to fade after the slide ends so I have no clue what is with this glitch of layers disappearing after a few minutes.
Has anyone experienced something similar?

I reckon your problem will be fixed by following the instructions at https://www.themepunch.com/faq/prevent-layers-from-disappearing/.
To paraphrase those instructions, in the layers timeline section of the slide editor, set the layer to snap to the end of the timeline. The alternative is to set the layer to disappear beforehand which you don't want. This is a simple toggle button under the 'Fade' Column header.

Related

Framer motion: move down element with animation after triggering other animation

I am wondering how to do the following scenario with Framer motion: I have a list that appears when I click on a button. The list comes in with a fade-in animation. However, the box of content below will immediately move down without an animation. What I would like to achieve is that the 'box with content' moves downwards smoothly to its new place while the list animation is going on. How can I achieve this? I have made a code sandbox to replicate the situation:
https://codesandbox.io/s/stupefied-shockley-pwxg9e?file=/src/App.js
Couple of things:
Framer Motion lets you animate height from 0 to auto
Animate Presence requires you to add a key to the items. In your case I used index
I updated your sandbox to work. 1 fixes the content reflow. 2 fixes the exit animation not working
https://codesandbox.io/s/broken-http-n8i2hk?file=/src/App.js
I did a writeup on this feature in Framer Motion, because I think it is rather undocumented. Check it out if you like: https://www.joshuawootonn.com/how-to-animate-width-and-height-with-framer-motion

Slider revolution not scrolling after the last slider ends

i am using Slider Revolution on my website and i have a vertical slider which slides for 5 pages with the mouse scroll and once the 5th page is scrolled it takes me back to the first slide. I want it to scroll the page not the slide. you can check it here: https://ithobbies.com/main-home/
check the 2nd second of the website it is not the first slider but second slider. once you scroll all 5 pages it takes you back to the first slider whereas it should scroll the page a little bit.
thanks
for example: https://www.sliderrevolution.com/templates/coffee-shop-split-screen-slider/
Kindly check the slider "Navigation Options" > "Mouse Wheel Navigation" > and make sure the "Wheel Listener" is set to "On" and not "Infinite" as shown in the attached screenshot below

Revolution slider bullets always stuck at first bullet

I am using the revolution slider, the slider is working properly but the bullets are not working properly. even if slide move to next slide still bullet goes to first bullet, whereas it has to stop on second bullet.

Revolution Slider: A way to snap to grid when adding text to a slide?

I am able to add text without issue to the revolution slider but is there a way to force it to snap to the nearest coordinates, or center the text block on the slide without "eyeing" it up?
When you are dragging and dropping items like buttons, is there a way to set the exact coordinates of the button so it is consistent across slides. For example in some software you can hold CTRL while moving the mouse to see the grid lines and where the item will line up such as a ruler. I don't have a picture per se, but I am looking for a way to set items at the same point across slides without simply guessing.
I am using the latest version of the slider 5.x.
Yes there is a Helper Grid in Slider Revolution plugin.
It is located in the main items slide viewer (visual) editor, just at the bottom. You have 2 selectors:
Help Grid: You can chose between 25x25, 50x50 or a custom helper grid.
Snap to: You can make lines in this helper grid magnetic…

Image gallery with overlapping

Image Gallery with overlapping Fade In and Fade Out effects ???
I'm trying to find an idea to go by or some code snippet for an Xml Img. gallery where I can use Images which are fading 'In and Out' before showing the next Img. a type of overlapping, and which than again does the fade In and Out thing.
**** I have been able to get things going through the last week, but I'm not too happy with it as it is not smooth enough!, and not that greatly dissolving between Imgs.
Here is a Link of a gallery which has that what I'm looking for !!!
link text
Thanks a lot in advance. regards aktell
I have not tried this yet.
can you try creating two overlapping canvases.
first image in the first canvas which fades from alpha 1 to 0 and second image fades from 0 to 1. Then second image replaces first one in 1st canvas giving way to third image in second canvas.

Resources