Skip to content

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

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

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

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

Featured Replies

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

Где это?

  • Author

Где это?

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

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

 

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

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

 

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

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

Edited by Dzi

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

 

Поищите в интернете js-скрипты для этого.

  • Author

А если хочется полностью их выключить в превью? возможно это как-то сделать?

Поищите в интернете js-скрипты для этого.

  • Author

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

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

помогите..

сам скрипт:

<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>

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

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

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.