Jump to content

GIF выключить в миниатюрах


Dzi
 Share

Recommended Posts

Собственно как это сделать? Хочется чтобы все превюшки маленькие были без анимаций..

А в теме чтобы всё норм анимировалось.

Как это сделать?

Link to comment
Share on other sites

Где это?

Ну для начала на главной.

а там уже с кодом я разберусь куда впихивать ещё

 

Или к примеру чтобы все превьюшки изначально были без анимаций(не аватарка в теме поста, а именно превьюшки только)

А при наведений мышки они оживали с помощью mouseover

 

Превью это я имею в виду вот это:

post-60308-0-22880800-1519291802_thumb.pngpost-60308-0-09476000-1519291794_thumb.png

Edited by Dzi
Link to comment
Share on other sites

Нашёл короче один скрипт

но он останавливает все гифки, а мне нужно только миниатюры :(

помогите..

сам скрипт:

<script>
 function createElement(type, callback) {
   var element = document.createElement(type);

   callback(element);

   return element;
}

function freezeGif(img) {
   var width = img.width,
   height = img.height,
   canvas = createElement('canvas', function(clone) {
       clone.width = width;
       clone.height = height;
   }),
   attr,
   i = 0;

   var freeze = function() {
       canvas.getContext('2d').drawImage(img, 0, 0, width, height);

       for (i = 0; i < img.attributes.length; i++) {
           attr = img.attributes[i];

           if (attr.name !== '"') { // test for invalid attributes
               canvas.setAttribute(attr.name, attr.value);
           }
       }

       canvas.style.position = 'absolute';

       img.parentNode.insertBefore(canvas, img);
       img.style.opacity = 0;
   };

   if (img.complete) {
       freeze();
   } else {
       img.addEventListener('load', freeze, true);
   }
}

function freezeAllGifs() {
   return new Array().slice.apply(document.images).map(freezeGif);
}

freezeAllGifs();
</script>

Link to comment
Share on other sites

но он останавливает все гифки, а мне нужно только миниатюры

Для начала найдите отличия в коде между миниатюрами и не миниатюрами.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...