Jump to content

[Retina] Adapter images aux écrans THD : Code PHP


Recommended Posts

Bonjour à tous !

 

J'ai trouvé un bout de code (sur un tutoriel) qui m'a mis sur la piste pour l'élaboration d'un code pour adapter les images aux écrans retina :

 

Si la densité de pixels (PixelRatio) est supérieur à 1.5 :

      Rajouter @2x à la fin de chaque nom d'images.

      Si pas d'image correspondant à [email protected] (par exemple), garder nomdelimage.jpg

Sinon, garder nomdelimage.jpg.

 

En imaginant évidemment que les images "retina" sont rajoutées manuellement dans le répertoire images.

 

Voilà le code en question :

(function($){
	if(window.devicePixelRatio > 1){
		$('img').each(function(){
			var img = $(this);
			img.attr('src',img.attr('src').replace('.','@2x'));
		})
	}
})(jQuery)

Ce qu'il faudrait pour que le code soit opérationnel c'est rajouter la fonction qui dit que si l'image retina n'existe pas, garder l'image d'origine. Il faudrait aussi savoir à quel endroit placer ce bout de code.

 

Je pense que cela peut servir à beaucoup d'entre nous :)

 

PS : Si vous pensez à un autre moyen n'hésitez pas !

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...