This zone is sleeping right now! ZzzZZzzz

Better not distrub it! ~You go to the petrol station and buy a slushy instead, everything is cool!~

This area will open again in 000.beats!

(Learn about Swatch Time)

Some other zones are awake :^]


Artifacts Gallery Guilds Search Wiki Login Register

Welcome, Guest. Please login or register. - Thinking of joining?
June 01, 2026 - @393.89 (what is this?)
Activity rating: Three Stars Posts & Arts: 32/1k.beats Random | Recent Posts | Guild Recents
News: :ha: :pc: Hello Melonland! :pc: :happy: Guild Events: Happy Pride Month Fibre Artists!

+  MelonLand Forum
|-+  Materials & Info
| |-+  ♺ ∙ Web Crafting Materials
| | |-+  Freezeframe.js - pause n play gifs


« previous next »
Pages: [1] Print Embed
Author Topic: Freezeframe.js - pause n play gifs  (Read 1993 times)
Yukari
Jr. Member ⚓︎
**
View Profile WWW


RISK IT for the BISCUIT
⛺︎ My Room

Artifacts:
First 1000 Members!Joined 2023!
« on: July 29, 2023 @948.75 » Embed

It is what it sounds like. Github repo is here, and you can see it in action here.

Bechnokid on Neocities has their own tutorial for implementing it on a personal website.

I'm going to be honest. I have this on like every page of my website but I executed it in the most convoluted way possible. The problems I ran into are:
- The gifs will scale into the size of the container. This is because the default CSS uses "responsive: true"
- The gifs will be aligned weirdly when they aren't being played. Similarly, the default CSS uses "vertical-align: top"

So to fix them, I set responsive to false, and vertical-align to initial. But I'm pretty certain there's a better way to deal with this. I'm of the church of "as long as it works" :ok:
Logged

https://i.imgur.com/PLZiVi3.png
pinkvampyr
Full Member ⚓︎
***
View Profile WWW


Claire (he/him) pink/black color combo enjoyer
⛺︎ My Room
SpaceHey: Friend Me!
StatusCafe: pinkvampyr
iMood: pinkvampyr
XMPP: Chat!

Artifacts:
First 1000 Members!Joined 2023!
« Reply #1 on: August 17, 2023 @76.37 » Embed

I got it working but some people in the 32 bit cafe discord had to do some similar tweaking.
Logged

https://i.postimg.cc/tRFZrYmg/blinkies-Cafe-9u.gif https://i.postimg.cc/c4mKSPWy/blinkies-Cafe-ps.gif

devils
Sr. Member ⚓︎
****
View Profile WWWArt


very cool very swag i like it
⛺︎ My Room
StatusCafe: devils

Guild Memberships:
Artifacts:
First 1000 Members!Joined 2023!
« Reply #2 on: August 17, 2023 @659.81 » Embed

This is a really cool tidbit of JS! Might be useful for rapidly-flashing GIFs as well.
Logged

:dog:
Pages: [1] Print Embed 
« previous next »
 

Melonking.Net © Always and ever was! SMF 2.0.19 | SMF © 2021 | Privacy Notice | Send Feedback | Supporters ♥ Forum Guide | Rules | RSS | WAP | Mobile


MelonLand Badges and Other Melon Sites!

MelonLand Project! Visit the MelonLand Forum! Support the Forum
Visit Melonking.Net! Visit the Gif Gallery! Pixel Sea TamaNOTchi
MelonLand @000

Want to Login or Join ?

Minecraft: Online
Join: craft.melonking.net