jQuery HiSRC 插件总是加载视网膜图像

Question

我正在使用 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>

这是该站点的链接: http://bit.ly/ITLq8L

谁能看出我做错了什么？

Answer 1

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

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

来源:HISRC documentation