GIFS resize to be huge #157

Bracelet-Five · 2024-01-25T00:22:40Z

I'm not sure if I'm implementing something incorrectly, but the gifs don't pause or start with a button and instead resize to be the width of the whole screen. Any idea what would cause this?

blankstaticscreen · 2024-02-06T18:27:24Z

this is also happening to me, although i got the gif buttons to work.
but yeah the gif is huge. if you put it inside a div with a set width it'll resize to that width, but i'd like it to just show the image at the image's own dimensions.

here's how the buttons worked for me

<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>webbed site</title>
    <link rel="stylesheet" href="/style.css">
    <script src="https://unpkg.com/freezeframe/dist/freezeframe.min.js"></script>
    
    

  </head>
  
<body>


<button class="start">start</button>
<button class="stop">stop</button>

<img class="my-class-3 imgPixel" style="width:100%;height:auto;" src="https://i.postimg.cc/Rh48cVtP/dancecat-fixed.gif">

<script>
const manual = new Freezeframe('.my-class-3', {
  trigger: false
});

document
  .querySelector('.start')
  .addEventListener('click', () => {
    manual.start();
  });

document
  .querySelector('.stop')
  .addEventListener('click', () => {
    manual.stop();
  });
</script>

<script>new Freezeframe();</script>
</body>
</html>

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

GIFS resize to be huge #157

GIFS resize to be huge #157

Bracelet-Five commented Jan 25, 2024

blankstaticscreen commented Feb 6, 2024 •

edited

Loading

GIFS resize to be huge #157

GIFS resize to be huge #157

Comments

Bracelet-Five commented Jan 25, 2024

blankstaticscreen commented Feb 6, 2024 • edited Loading

blankstaticscreen commented Feb 6, 2024 •

edited

Loading