Помогите с gif.js
 

Всем привет. Не могу разобраться как заставить это работать -gif.js
Допустим у меня есть два изображения и div блок в котором должен появится gif файл :

<img class="images" src="1.jpg">
          <img class="images" src="2.jpg">
          <div class="demo">
          </div>

Как это осуществить пользуясь этой инструкцией?

var gif = new GIF({
  workers: 2,
  quality: 10
});

// add a image element
gif.addFrame(imageElement);

// or a canvas element
gif.addFrame(canvasElement, {delay: 200});

// or copy the pixels from a canvas context
gif.addFrame(ctx, {copy: true});

gif.on('finished', function(blob) {
  window.open(URL.createObjectURL(blob));
});

gif.render();