썸네일에 들어가는 gif 멈추게하는 스크립트 채택완료

   Stop Animations





    A load of body text, blah blah blah









 var stopAnim = (function () {

                var priv = {};

                var pub = {};

                priv.pauseAll = false;

                if(window.matchMedia){

                    var mediaQuery = window.matchMedia("(prefers-reduced-motion: reduce)");

                    if (!mediaQuery || mediaQuery.matches) { priv.pauseAll = true }

                }

                

                priv.stopAnim = function (img) {

                    var coverImage = function () {

                       setTimeout(function(){

                        var width = img.width;

                        var height = img.height;

                        var canvas = document.createElement('canvas');

                        canvas.width = width;

                        canvas.height = height;

                        canvas.getContext('2d').drawImage(img, 0, 0, width, height);

                        canvas.style.position = 'absolute';

                        canvas.setAttribute('aria-hidden', 'true');

                        canvas.setAttribute('role', 'presentation');

                        var parent = img.parentNode;

                        parent.insertBefore(canvas, img);

                        img.style.opacity = 0.01;

                        }, 250);

                    };

                    if (img.complete) {

                        coverImage();

                    } else {

                        img.addEventListener('load', coverImage, true);

                    }

                }

                pub.freezeAll = function () {

                    //var images = document.querySelectorAll('.crayons-article__header img, .crayons-article__main img, .crayons-avatar img');

                    var images = document.querySelectorAll('img');

                    

                    for (x = 0; x  images.length; x++) {

                        priv.stopAnim(images[x]);

                    }

                };

                if (priv.pauseAll == true) {

                    pub.freezeAll();

                }

                return pub;

            })();

            

            

         

var btn = document.querySelector('button');       

         

btn.addEventListener('click', function(){

    stopAnim.freezeAll();

})