Making a slotmachine.

Making a slotmachine.

Hello everyone!,

So im pretty new to jQuery, but have been reading alot about it, I got a complicated project running, which I'd like to explain.

Im trying to make a slot machine from GIF animations, I animated 5 different GIF-animations(the slots) which each has a different outcome, im trying to make it so when I click either to image or lets say a button its start playing GIF(1) till the end, when I then press the button again it starts playing GIF(2) and so on, is something like this possible? I dont want the page to reload, but the GIF has to play in the same position.

I found code snippets that will play a GIF when I click the image, If someone can tell me how to combine this with what I discribed that would be amazing. (if it is at all possible)

thank you guys in advance