Skip to content

Instantly share code, notes, and snippets.

@cdmz
Created October 21, 2015 17:54
Show Gist options
  • Save cdmz/6b7d0684e10e92a13121 to your computer and use it in GitHub Desktop.
Save cdmz/6b7d0684e10e92a13121 to your computer and use it in GitHub Desktop.
images display retina
<img src="http://www.site.com.br/nomedaimagem.png" class="hires">
if (window.devicePixelRatio >= 2) {
var images = $("img.hires");
// loop through the images and make them hi-res
for(var i = 0; i < images.length; i++) {
// create new image name
var imageType = images[i].src.substr(-4);
var imageName = images[i].src.substr(0, images[i].src.length - 4);
imageName += "@2x" + imageType;
//rename image
images[i].src = imageName;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment