object-fit-images — поддержка свойства CSS object fit старыми браузерами

Как известно, старые браузеры, такие как IEdge 9-13, Android < 5, Safari < 10, не поддерживают новые свойства CSS3 object-fit. Данный плагин решает эту проблему.

Рекомендуем сразу ознакомиться с демо-страницей, чтобы понять, о чем идет речь.

Основные характеристики:

  • Быстрый и легкий
  • Никаких дополнительных элементов не создается, нет лишних зависимостей
  • После установки, свойства начинают поддерживаться браузеразми
  • Поддержка элемента srcset
  • Вы можете получить доступ к src: src = ‘other-image.jpg’

Использование:

Укажите одно или несколько изображений

Определение в jQuery с object-fit

или с object-position

Задаем активацию перед </body>

Это позволит исправить все изображения на странице, а также все фотографии, добавленные позже (автоматический режим).

Вы можете вызвать objectFitImages() на одни и те же элементы несколько раз, например, чтобы вручную запросить обновление объекта подходящего значения.

В поисках шаблона для сайта?