retina.js v2.0 不适用于图像

Question

我尝试使用 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>

Answer 1

你想出来了吗？我有同样的问题。我通过在脚本加载后直接调用 retinajs() 找到了解决方案。但是，阅读 How It Works 文档并没有说明您需要这样做。

这是我所做的：

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

是的，这有效，但我的问题是它是否 "right"?

retina.js v2.0 不适用于图像

retina.js v2.0 not working for images

retina.js