Hello,
trying to loop a single slider animation.
Doing so I’m getting a break after each loop with a white screen, which I can only get rid of reducing the animation time seconds below the animation duration. Additionally the looping stops after about three times.
No plugins besides cornerstone and rev slider installed.
Added a custom script to pause on hover which doesn’t seem to cause this either.
Could you help me or point me to the right direction please?
Hi Hei,
I’ve tested several options and combination of options but none has fixed the white screen. The slider does not stop looping on my end though. It looks like the only option is to reduce the animation time. It might have something to do with the width of your image. Can you try using a different image with a different size to see how to animation time relates?
Thanks.
Thanks for your help. Will do some more experiments and get back to you.
You’re most welcome!
Let’s leave this issue aside for a moment please.
My current problem is that the pausing of the animation, build in via this script (plus a bit of logic):
http://www.themepunch.com.cach3.com/index.html@p=9998
doesnt actually pause the animation until it gets resumed, it just pauses it for the rest of its duration. After the duration is over, it starts again from the beginning, and pretty much everything (all listeners etc.) is broken.
Do I do something wrong ? This so pretty looking swiss-knife-slider already becomes a time-consuming pain, knowing you guys havent written it, help is even more appreciated.
Shall I start a new thread about this ?
Hi Hei,
I created a duplicate of your slider, and these are what I changed.
I clicked them so it switches to arrow instead of time icon. That means layers will stay there until the slide ends, the blank is there because the layers disappear before the slide time ends.
I also checked the pause and play animation upon hover, and it works just fine. Make sure your mouse is outside the slider when it loads, else, it will not function unless you move out and in your mouse cursor again. But what do you mean it start again from the beginning?
Thanks!
Thanks a bunch for your help, this seems to do the trick almost,
but there are still bugs in there:
A:
Your slider pauses for a few seconds before going on its way back.
And then the slider jumps before reaching the end of the animation (on the way back…) into the new loop start.
You see what i mean ? (could make a screencast else…)
Isn’t a fluid animation from beginning to end then back again, and looping the whole thing possible somehow ?
B:
- Go to the slider, hover over it, hover over a marker to see the css animation.
- Wait for the next loop to start
- Hover-effects and clicks don’t work anymore unfortunately!
- In 3rd loop it works again as expected
You see what I mean ?
How can this get solved pls?
I meant, the animation would pause on hover, but after the duration of the animation was over, the animation would magically re-start again from the beginning, eventhough still on hover - this problem is solved now though 
Hi Hei,
A. Regretfully, it looks like there’s currently no good solution for this. I’ve fixed the pausing but it created a blank background back (see secure note).
B. Not sure what’s causing this behavior (layer isn’t accessible to hover and click) on even loop. This means that it will only work in 1st, 3rd, 5th and so on.
The best action that we could take here is to post this to our issue tracker so the person managing the third party plugins could forward this to ThemePunch and they could say if this is a bug or could give feedback on what is the configuration or code to achieve a seamless animation.
Thank you for understanding.
Ok, could solve B, but it’s rather twisted:
I.e. ‘slide-3-layer-3’ becomes ‘slide-31-layer-3’ on the 2nd and all other even loops, odd loops (1, 3, etc) keep ‘slide-3-layer-3’. Logically none of the listeners or css-selectors work on odd-loop numbers then.
Wouldn’t have expected a name-space change as it’s the same slider, isn’t it?!
Anayway, so B is solved just gotta double all listners and selectors, only A remains.
Thanks! Which secure note ?
Glad you’ve figured out B. I was looking for the class change but I’m sorry I haven’t noticed.
I’ve added the secure note in my previous reply. It looks like a bug or a performance issue since the image gets loaded again. I have reported this.
No problem, seeing it now. So you can close this thread actually. Thanks for your help!
You’re welcome, Hei. Glad we’re able to provide some insight.
1 Like
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.