Lottie animation not working on web site

Lottie in Web
1

Hi Guys

Im lost I have added a Lottie animation to my site but it is not showing with in the browser? I have tried this in Safari Chrome and Firefox.

I have added a screen shot of the code i have used and this also show that the preview in Dreamweaver shows the animation working. I have downloaded the .json file which can also bee shown in the file list to the right on the screen shot.

Dreamweaver-screen-shot
Dreamweaver-screen-shot1920×752 95.5 KB

All i get in the browser is a yellow warning triangle. Can anyone help? Am I doing something wrong? Very confused…

Thanks Glen

2

Do you have a link to the site or the lottie file to ensure that it’s working?

3

It looks like it is working in my private files. I copied the share a private link here. https://lottiefiles.com/share/xfnhwi8b

4

That animation is “working” but I assume the M is supposed to have that wiggle animation come in but it’s not. Maybe take everything out of the PreComp

If that wiggle was made with “effect control” effect then it likely won’t work

5

Yes, the wiggle part wasn’t in there and I will try that work around. I still don’t know how to get rid of that UI for the player underneath the graphic. Do you know how to make the graphics show up without that progress bar underneath the graphic?

Thank you for your consistent help.

I looked at your website and the photos with the FX are really wonderful.

6

I am also facing a serious issue of Lottie files on my website. On a laptop the images are okay and I can access them but on a cell phone, it’s not. I have been figuring out what to do but not finding a solid solution

7

can anyone here suggest anything??
Maybe a plugin issue, but deactivating all plugins and then reactivating them might take a lot of time.
It’s about AI Homework Helper.
Can anyone come on google meet with me and tell me the real issue?

8

Hi @HZ1

I tested the AI Homework Helper website on my mobile phone (both Safari and Chrome), and the animations rendered correctly. Have you been able to resolve this issue on your end?

9

yes, it was my lite speed cache plugin that was causing issues. I optimized it, remove cache from cloudflare and all goes well.

10

I am also facing 1 more issue
I am using plugin to display lottei files on wordpress, because wordpress direct displaying lottei files option is not working for me…can you share any tips??
plus I am also designing another website related to descargar whatsapp plus. Can you give me some lottei ideas for website designing??

11

Can you share more about the plugin you are using? Is it the LottieFiles for WordPress plugin, or something else? Also, what errors are you encountering when implementing the file? If possible, please share the Lottie file as well, so I can take a closer look.

As for website design ideas, I’m afraid I might not be the best person to give you suggestions since I’m not a designer myself :slight_smile: However, you might want to check with other members of the forum or reach out to the Lottie community for inspiration and advice. You can connect with them here: Lottie Community.