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>

GIFS resize to be huge #157

Description

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions