Перейти к публикации
View in the app

A better way to browse. Learn more.

Дизайн и модификация Invision Community

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

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

Опубликовано:

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

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

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

Рекомендованные сообщения

Опубликовано:

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

Где это?

Опубликовано:
  • Автор

Где это?

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

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

 

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

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

 

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

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

Изменено пользователем Dzi

Опубликовано:

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

 

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

Опубликовано:
  • Автор

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

Опубликовано:

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

Опубликовано:
  • Автор

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

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

помогите..

сам скрипт:

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

Опубликовано:

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

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

Создайте аккаунт или войдите в него для комментирования

Сейчас на странице 0

  • Нет пользователей, просматривающих эту страницу.

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.