2016-11-07 50 views
1

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

回答

0

你想通了这一点?我有同样的问题。我找到了一个解决方案,通过在脚本加载后直接调用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> 

是的,这工作,但我的问题是,无论是 “正确”?

相关问题