Yann74 Posted April 6, 2015 Share Posted April 6, 2015 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 More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now