Jump to content
Дизайн и модификация IPS Community IPBSkinsBETA
Search In
  • More options...
Find results that contain...
Find results in...
Sign in to follow this  
Dzi

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

Recommended Posts

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

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

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

Share this post


Link to post
Share on other sites

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

Где это?

Share this post


Link to post
Share on other sites

Где это?

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

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

 

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

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

 

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

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

Edited by Dzi

Share this post


Link to post
Share on other sites

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

 

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
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>

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
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
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...