読者です 読者をやめる 読者になる 読者になる

by shigemk2

当面は技術的なことしか書かない

retinaディスプレイを判定する

jQuery

jQueryでRetinaディスプレイを判別して処理を変える方法 | BlackFlag

window.devicePixelRatio

が2ならretinaディスプレイで、
1ならretinaディスプレイではない。

ということを念頭において、
画像さしかえとかを行うといいんじゃないか?

$('div.hoge a img').each(function() {
    var img = $(this);
    var src = $(this).attr('src');
    if(window.devicePixelRatio == 2) {
      var srcHover = src.replace(/.png/, '@2x.png');
    }
    $(this).hover(function() {
      $(this).attr('src', srcHover);
    }, function() {
      $(this).attr('src', src);
    });
});