Retina.js

Данный скрипт используется для того, чтобы на экранах с большим разрешением (стандартное разрешение ретина 2880 x 1800) заменять картинки на их копии с лучшим качеством.  Например:

<img src="images/boi.jpg" data-at2x="images/boi_retina.jpg">

В данном случае на обычных экранах будет подключаться картинка  images/boi.jpg, а на ретина экранах boi_retina.jpg. Естественно последнее изображение имеет лучшее качество(соответственно и больший вес). Скрипт анализирует наличие у тегов атрибута

data-at2x

И в случае необходимости использует его. Подключен скрипт должен быть перед закрывающимся тегом body

<script src="js/retina-1.1.0.min.js"></script>

 

РубрикиJS

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *