Problem With Elements "flashing" Before Animation "kicks In" - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Problem With Elements "flashing" Before Animation "kicks In"

M

Martin

SP Page Builder 2 years ago

Hi!

I have a problem with SP Builder PRO animations. When adding any animation to any element, then on page load the content is visible for a fraction of second and then the animation "kicks in" which then basically "loads" the same content again. It looks kinda odd. I would assume the content would not be initially "flashed" before it is e.g faded in or zoomed in.

Using Joomla 4.4, latest SP Builer Pro (5.1.5) and Joomshaper Pure theme.

Thanks!

0
24 Answers
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #139154

Download this pakage. Check & let me know.

0
M
Martin
Accepted Answer
2 years ago #137368

Friendly bump :)

0
J
jalaljoblo
Accepted Answer
2 years ago #137401

Yes. you are right and I quess every user is having this annoying animation delay and flashing problem. This thing surely kills the beauty of SPPB. I personally stoped adding SPPB animations all togother and switched to the animation effects of a plugin called Animate It : https://www.downloads.eleopard.in/class-generator.html And the effects are pleanty and plays smoothely.

Neverthe less. I hope the SPPB coders will soon find a solution to this drawback.

0
M
Martin
Accepted Answer
2 years ago #137411

@jalaljoblo, thank you for confirming it really is an issue and it's not just some setting I have missed. I haven't digged into the root cause, but the solution should be nothing impossible. E.g. when I use the following CSS instead of built-in animation, it works perfect:

@keyframes myFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }

.fadein-animation { opacity: 0; animation: myFadeIn 0.8s forwards; }

So with built in animation for example for fadein effect, it seems that the animated element's opacity is not set to "0" on page load for some reason.

Really hoping that the developers give some kind of an answer here that is the issue at least addressed and on the todo list.

Thanks!

0
J
jalaljoblo
Accepted Answer
2 years ago #137414

I agree with you Martin, and hope the smart devs at joomshaper will find a solution soon.

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #138267

Hi there,

I appreciate you reaching out. I sincerely apologize for this oversight. Can you share a screencast video about the full scenario? I will share your video to our developer team.

-Thanks

0
J
jalaljoblo
Accepted Answer
2 years ago #138324

Salam Taoufiq. The problem or case in question, could be clearly seen in your main page. The text element : Grow your business with the world’s #.... appears for a second before activating the entended animation. Some sort of Falshing I might say. This unstable case appears on Firefox. I just tested it in Chrome, and it showed it as it should without flashing. Regards

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #138478

Please watch the video and let me know the difference. Cause, I din't see the difference.

https://drive.google.com/file/d/1k9-PLALKC5X1ECo6Wd3b-S7PHpl7oh5o/view

0
J
jalaljoblo
Accepted Answer
2 years ago #138512

Hello Toufiq, and thanks for your attention. Please browse these two testing pages to see the deference; 1- https://jormedia.com/ar/ani-test/test-jormedia-2-sp-ani I used on this one the default SPPB ZOOM effect.. It starts with the picture appearing as it was entended to do so. Then after a while desappear and then plays the assigned zoom effect. 2- https://jormedia.com/ar/ani-test/test-jormedia-2-externa-ani Now this one is the way the opening should be. No flashing and the image zooms in nicely. On this one I used a script from https://www.downloads.eleopard.in/class-generator.html

Really. I am a fan of sppb and want it to reach the top. Hope the two examples were clear!

Regards

Like I said earlier, the malfunction is seen clearly on FIREFOX browser.

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #138631

Will you please provide me the Joomla administrator access to check the issue?

0
M
Martin
Accepted Answer
2 years ago #138516

I can confirm that the same issue also exists with Win11 and Latest Chrome.

0
M
Martin
Accepted Answer
2 years ago #138762

Maybe it helps in case jalaljoblo cannot provide admin access to his site.

This issue is clearly seen also in your template samples. E.g. here: https://demo2.joomshaper.com/2023/allura/index.php

0
J
jalaljoblo
Accepted Answer
2 years ago #139211

Toufiq what package! give me the link please.

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #139213

Check the hidden content. Thanks

0
J
jalaljoblo
Accepted Answer
2 years ago #139219

How to get to the hidden?

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #139220

Share your email address.

0
J
jalaljoblo
Accepted Answer
2 years ago #139225

in hidden

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #139228

Check your email.

0
J
jalaljoblo
Accepted Answer
2 years ago #139229
0
J
jalaljoblo
Accepted Answer
2 years ago #139230

thanks.. I will check it out and let you know...

0
J
jalaljoblo
Accepted Answer
2 years ago #139236

I did the testing and it all looks perfect. Keep it up and thanks.

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #139238

You are most welcome & Thanks

0
M
Martin
Accepted Answer
2 years ago #139637

I can also confirm that it works perfect with this test package. Hope the change will make it to the next official release.

Thank you and keep up the excellent work!

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #139680

You are most welcome! We appreciate your feedback and are delighted to hear that you're satisfied with our service.

To officially close this forum post, mark it as accepted. If you have any more questions or need further assistance in the future, please don't hesitate to reach out to us.

As for writing a review about our product and support quality, we would greatly appreciate it! Your feedback helps us improve and serves as a valuable reference for others. Please take a moment to share your thoughts about your experience with our product and the support you received. Your input is valuable to us and the community. Thank you in advance for your time and support.

Joomla Extension Directory

JED.png

TrustPilot

Trust-Pilot.png

We're here to assist you with any further questions or requests you may have. Once again, thank you for choosing our product and for being a part of our community.

Best regards,

Toufiqur Rahman

Team Lead, Tech Support (JoomShaper)

0