Artifacts Gallery Guilds Search Wiki Login Register

Welcome, Guest. Please login or register. - Thinking of joining?
a Summer day - @595.79
Activity rating: Four Stars Posts & Arts: 50/1k.beats ~ Boop! The forum will close in 405.beats! Random | Recent Posts | Guild Recents
News: :ha: :pc: Hello Melonland! :pc: :happy: Guild Events: Summer Projects

+  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 2067 times)
Yukari
Jr. Member ⚓︎
**
View Profile WWW


RISK IT for the BISCUIT
⛺︎ My Room

Artifacts:
First 1000 Members!Joined 2023!
« on: a Summer night » 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: a Summer night » 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: a Summer day » 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
@000 MelonLand Zap! Want to Login or Join ? Forum Art Hub Chat Webring Editor Recent Edits Tenement Arcade Web Guides Graphics Catalogue Wiki Newsletters Image Stream
Melon's Sites TamaNotchi Textures PixelSea GifyPet MoMG Ozwomp Online Loom Videos Leaky Webring Melonking
Tools Melon Software ArtHub Embed Maker ML Passports
Outlinks Webrings Internet Phone Book HTML Energy Declarations Hackers & Designers Frutiger Aero Forum m15o's Web Services 32Bit Cafe iMood
Minecraft: Online
Join: craft.melonking.net