code HTML multi resolution

[shinigamikira]

Bonjour au staff !
j'ai fais quelques (brieves:/) recherches et je n'ai pus retrouver un code qui se trouvait ici
sa fonction est de charger une image suivant la resolution de l'utilisateur en mettant l'url de l'image(Fond du forum) deja mis a l'echelle pour chaque resolutions dans le code

voila ce que je recherche ah et mon forum est phbbp3

cordialement

[Etoille]

Bonjour shinigamikira.

Sur un de mes forum, j'ai ce code dans PA-> modules-> gestion des codes javascripts:

Code:

(function(a){a.backstretch=function(k,i,l){function m(c){try{g={left:0,top:0},d=e.width(),b=d/j,b>=e.height()?(h=(b-e.height())/2,f.centeredY&&a.extend(g,{top:"-"+h+"px"})):(b=e.height(),d=b*j,h=(d-e.width())/2,f.centeredX&&a.extend(g,{left:"-"+h+"px"})),a("#backstretch, #backstretch img:last").width(d).height(b).filter("img").css(g)}catch(o){}typeof c=="function"&&c()}var n={centeredX:!0,centeredY:!0,speed:0},c=a("#backstretch"),f=c.data("settings")||n;c.data("settings");var e="onorientationchange"in window?a(document):a(window),j,d,b,h,g;i&&typeof i=="object"&&a.extend(f,i);a(document).ready(function(){if(k){var b;c.length==0?c=a("<div />").attr("id","backstretch").css({left:0,top:0,position:"fixed",overflow:"hidden",zIndex:-999999,margin:0,padding:0,height:"100%",width:"100%"}):c.find("img").addClass("deleteable");b=a("<img />").css({position:"absolute",display:"none",margin:0,padding:0,border:"none",zIndex:-999999}).bind("load",function(b){var d=a(this),e;d.css({width:"auto",height:"auto"}); e=this.width||a(b.target).width();b=this.height||a(b.target).height();j=e/b;m(function(){d.fadeIn(f.speed,function(){c.find(".deleteable").remove();typeof l=="function"&&l()})})}).appendTo(c);a("body #backstretch").length==0&&a("body").append(c);c.data("settings",f);b.attr("src",k);a(window).resize(m)}});return this}})(jQuery);$.backstretch("ICI L'ADRESSE DE VOTRE IMAGE");

[shinigamikira]

c'est une redimension automatique? sans avoir a upload l'image dans tout une game d'echelle?

[Etoille]

Oui :-)

J'ai testé avec différentes tailles, ça marche. Il suffit de charger l'image une seule fois.

Edit: les personnes qui n'auront pas activé javascript sur le navigateur vont voir l'image/la couleur de fond que vous aurez définie dans le ccs, pensez à ce détail

[shinigamikira]

bien j'ai fais le test ça a fonctionné merci pour ton code