Freezeframe.js – библиотека приостанавливает анимированные файлы .gifs и возвращает им анимирацию при наведении мыши / щелчке мыши / касании или запуске вручную
Работает это так: записывается первый кадр в canvas элемент. После старта проигрывается сама GIF
// Default options
new Freezeframe();
// String as selector
new Freezeframe('.foo');
// DOM reference as selector
new Freezeframe(document.querySelectorAll('.foo'));
// Custom options
new Freezeframe({
selector: '.foo',
trigger: 'click',
overlay: true,
responsive: false
});
// Also valid syntax
new Freezeframe('.foo', {
trigger: 'click',
overlay: true,
responsive: false
});