jQuery HiSRC插件始终加载视网膜图像

jQuery HiSRC插件始终加载视网膜图像,jquery,css,responsive-design,retina-display,Jquery,Css,Responsive Design,Retina Display,我正在使用HiSRC jQuery插件为视网膜显示加载更大的图像。作为测试,我将较大的图像设置为亮红色,这样我可以确定它们何时加载,何时不加载 然而,似乎视网膜图像一直在加载,即使在我的2009款iMac上使用FF时也是如此 我还可以在Firebug中看到,插件修改了我页面HTML中的“src”属性,因此默认图像已与视网膜图像交换: 我用来调用脚本的全部内容如下: $(“.hisrc img”).hisrc() 然而,在我的文本编辑器中,我是这样编码的: <figure class="h

我正在使用HiSRC jQuery插件为视网膜显示加载更大的图像。作为测试,我将较大的图像设置为亮红色,这样我可以确定它们何时加载,何时不加载

然而,似乎视网膜图像一直在加载,即使在我的2009款iMac上使用FF时也是如此

我还可以在Firebug中看到,插件修改了我页面HTML中的“src”属性,因此默认图像已与视网膜图像交换:

我用来调用脚本的全部内容如下:
$(“.hisrc img”).hisrc()

然而,在我的文本编辑器中,我是这样编码的:

<figure class="hisrc">
    <a href="<?php bloginfo('url'); ?>/"><img src="<?php bloginfo('template_url'); ?>/image/logo.png" data-1x="<?php bloginfo('template_url'); ?>/image/logo-1x.png" alt="Logo" /></a>
</figure>

以下是该网站的链接:

有人知道我做错了什么吗?

您需要为视网膜图像源添加一个“data-2x”属性

“data-1x”属性将(低分辨率)默认图像替换为标准分辨率图像


来源:

谢谢你的提示,很抱歉历史上最新的回复!我添加了一个“data-2x”属性,但它似乎仍在加载1x版本。看一下文档,我猜是因为我的互联网连接速度而加载的吧?除了我使用的是3G连接(连接到我的电脑),所以我本以为它会加载最低分辨率