1. TOP
  2. Web javascript
  3. [js] Retina(高精細)ディスプレイ対応的な何か

[js] Retina(高精細)ディスプレイ対応的な何か

カテゴリ:
Web
javascript
| トラックバック(0)
投稿者:yo yo

ピクセルレートによって切り替える

(function(){
  if(window.devicePixelRatio > 1) {
    $('img').each(function() {
      $(this).attr('src', $(this).attr('src').replace(/(.jpg|.png|.gif)/gi,'@2x$1'));
    });
  }
})();

レスポンシブ上でbody.widthの幅で出し分ける

これは色々おかしいけど、気にしない。

(function(){
  $(window).on('load resize', function(){
    if($("body").width() < 641){
      $('img').each(function(){
        $(this).attr("src", $(this).attr('src').replace('@1x','@2x'));
      });
    }else{
      $('img').each(function(){
        $(this).attr("src", $(this).attr('src').replace('@2x','@1x'));
      });
    }
  });
})();

« [サーバ] Apacheのmod_deflateでサイトをgzip圧縮して高速化するアレ | ホーム | [PHP] Youtubeの動画IDをURLから取得する »

トラックバック

http://pulltab.info/mt/mt-tb.cgi/128
ページの先頭に戻る