retina.js v2.0 не работает для изображений

Я пытаюсь использовать retina.js v2.0 для обмена изображениями, но это не работает, я не знаю почему. Я также проверяю это в инструментах разработчика, но там нет никаких ошибок. Можете ли вы помочь мне, в чем может быть проблема?

HTML:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Test</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="robots" content="noindex, nofollow" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>    
</head>
<body>
    <img src="images/logo.png" data-rjs="2" alt="Logo">
    <script type="text/javascript" src="retina.min.js"></script>
</body>
</html>
Источник

1 ответ

Решение

Вы поняли это? У меня та же проблема. Я нашел решение, вызвав retinajs() сразу после загрузки скрипта. Но чтение документации " Как это работает" не говорит о том, что вам нужно это делать.

Вот что я сделал:

<html lang="en">
<head>
</head>

<body>
    <img src="/images/nav_logo.png" data-rjs="2">
    <script type="text/javascript" src="/lib/retina/retina.min.js"></script>
    <script>
        retinajs();
    </script>
</body>

Да, это работает, но мой вопрос, является ли это "правильным"?

Источник
Другие вопросы по тегам