Inspiration

by Lissandro Dittmar

HTML

<script src="https://rawgit.com/ctrl-freaks/freezeframe.js/master/build/js/freezeframe.pkgd.js"></script>
<link rel="stylesheet" href="https://rawgit.com/ctrl-freaks/freezeframe.js/master/build/css/freezeframe_styles.min.css">
<div class="coolDiv">
<img id="img1" src="https://66.media.tumblr.com/709e4b83b4269e3937b7f624a882d01e/tumblr_myl0bh53mX1ssqxwho1_500.gif" width="120px" height="120px">
</div>
<br>
<div class="coolDiv">
  <img id="img2" src="https://media2.giphy.com/media/We4AoNcqcvrY4/giphy.gif" width="120px" height="120px">
</div>

CSS

.coolDiv {
  width:120px;
  height:120px;
}

#coolDiv2 {
  width:120px;
  height:120px;
}

JavaScript

$(function() {

    const first = new freezeframe('#img1').freeze();
    const second = new freezeframe('#img2').freeze();
   

  });