00 jili real money withdrawal.Claim Your Free 999 Pesos Bonus Today

change background at specific GIF frame

isidoreisou — Sun, 18 Jun 2017 20:39:39 +0000

[ Moderator note: moved to Fixing WordPress. Please do not use Developing With WordPress for these topics. ]

Hey,
I am looking to do some “animation” on my home page,
I have a gif playing once on my home page,
I would like to change the background color, only at a specific frame of the gif. When the gif hit its 80 frame, the background should switch from white to black.
If should be done with javascript right ?
Could you direct me on how to do that ?
Thank you very much,
Best

Reply To: change background at specific GIF frame

HudsonValleyWebDesign — Mon, 19 Jun 2017 00:57:52 +0000

a gif?

Reply To: change background at specific GIF frame

Nokaa — Mon, 19 Jun 2017 08:57:16 +0000

There is no way IMO to manage events depending on a current GIF frame.
I advise you to convert your gif frames as a static spritesheet and to take a look at the canvas tag : https://www.williammalone.com/articles/create-html5-canvas-javascript-sprite-animation/
Which is anyway the best and proper way to do what you want (and more).

Reply To: change background at specific GIF frame

isidoreisou — Mon, 19 Jun 2017 10:52:54 +0000

Thanks very much, I don’t know spritesheet, I’ll have a look.

Reply To: change background at specific GIF frame

HudsonValleyWebDesign — Wed, 21 Jun 2017 14:13:19 +0000

What exactly is the animation you are trying to show? There are many types of animation these days that are created with a number of different tools.

What @nokaa describes above I do not think will assist your situation. As a spritesheet is for a single animated element.

If you are looking for a complex animation that changes the CSS of the page element then you would probably want to go with GreenSock or a similar JS based Animation library. Javascript is the only way to change CSS on the fly-